Skip to content

scroll-out/scroll-out

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
August 23, 2020 21:03
src
August 23, 2020 21:03
August 28, 2018 17:44
August 23, 2020 19:18
August 23, 2020 19:18

ScrollOut

Animate on Scroll

npm version Downloads gzip size

Why should I use this?

  • Animate or reveal elements as they scroll into view using CSS or JavaScript
  • Super tiny JavaScript library at 1KB minified and gzipped.
  • Free for commercial and non-commercial use under the MIT license.

How do I use it?

Install ScrollOut and decorate elements with the data-scroll attribute. As elements become visible, data-scroll will be set to in and when elements are scrolled out they will be set with out. Add your own CSS or JS to make a big impression when things come into view. That's it!

Getting Started

Check out the documentation.

Compatibility

The core features are compatible on all modern desktop and mobile browsers. Internet Explorer 11 is also supported.

Maintainers

Maintainer GitHub Twitter
Christopher Wallis @notoriousb1t @notoriousb1t
Stephen Shaw @shshaw @shshaw

License

scroll-out is licensed under the MIT license.