Simple pure javascript smooth scrolling to element
This script exports two modules, scrollToTop
and scrollTo
, which can then be imported using the JS import statement currently available in Traceur, Babel, or Rollup.
npm install scrollyo --save
With a "y".
First import the modules you need:
// Both
import {scrollToTop, scrollTo} from 'scrollyo';
// Just one
import {scrollTo} from 'scrollyo';
You can now use scrollToTop
and/or scrollTo
:
-
scrollToTop
scrolls to the top of the page. Takes one argument for the timeout in miliseconds.scrollToTop(700);
-
scrollTo
scrolls to any element in the DOM unless the element is already at thescrollTo
position. The function takes two arguments: the element and a timeout in miliseconds (both mandatory).const myElement = document.querySelector('...'); scrollTo(myElement, 700);