❤

npm

Sign UpSign In

animated-scroller

1.1.1 • Public • Published

Animated scrollTo

This is a simple function for animating scroll.

  • No dependency on extra libraries.
  • If user scrolls while animation is running, scroll animation would be immediately canceled.
  • Use as a single script or through bower.

Example usage

button.addEventListener('click', function () {
    animatedScrollTo(
        document.body, // element to scroll with (most of times you want to scroll with whole <body>)
        0, // target scrollY (0 means top of the page)
        10000, // duration in ms
        function() { // callback function that runs after the animation (optional)
          console.log('done!')
        }
    );
});

This will scroll to top of the page and the animation will run for 10 seconds (10000ms).

Available on Bower

bower install animated-scrollto

Just import with <script> and global function animatedScrollTo will be available for you.

Available with Browserify

npm install animated-scrollto

In your browserify powered js:

var animatedScrollTo = require('animated-scrollto')

License

MIT

Keywords

none

Install

npm i animated-scroller

Repository

Gitgithub.com/renekopcem/animated-scrollto

Homepage

github.com/renekopcem/animated-scrollto

DownloadsWeekly Downloads

0

Version

1.1.1

License

MIT

Last publish

Collaborators

  • renekopcem
Try on RunKit
Report malware