https://github.com/bmoren/scrollyclasser
a very lightweight class / css animation & transition based scrollytelling library
https://github.com/bmoren/scrollyclasser
animation css css-animations css-classes intersection-observer intersectionobserver inview news paralax saljs scroll scrolling scrollytelling storytelling student teaching
Last synced: 10 months ago
JSON representation
a very lightweight class / css animation & transition based scrollytelling library
- Host: GitHub
- URL: https://github.com/bmoren/scrollyclasser
- Owner: bmoren
- Created: 2022-11-30T14:35:06.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-04T21:56:54.000Z (almost 2 years ago)
- Last Synced: 2024-04-13T08:20:05.088Z (almost 2 years ago)
- Topics: animation, css, css-animations, css-classes, intersection-observer, intersectionobserver, inview, news, paralax, saljs, scroll, scrolling, scrollytelling, storytelling, student, teaching
- Language: JavaScript
- Homepage:
- Size: 5.86 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# scrollyclasser
#### A lightweight scrollytelling library for adding and removing classes
scrollyclasser uses the intersection observer API to add and remove classes from elements when they enter / exit the viewport
See a Demo project on 🎏 Glitch.com:
https://glitch.com/edit/#!/intersection-observer-starter-kit
## Adding scrollyclasser to your project
Add scrollyclasser.js to the very bottom of your page just before the closing `