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.
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
);
});This will scroll to top of the page and the animation will run for 10 seconds (10000ms).
bower install animated-scrollto
Just import with <script> and global function animatedScrollTo will be available for you.
npm install animated-scrollto
In your browserify powered js:
var animatedScrollTo = require('animated-scrollto')MIT
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent