@dims/smooth-scroll-to NPM

Description

Pure js smooth scroll functionality using a class syntax.

API

OPTION	TYPE	DEFAULT VALUE	DESCRIPTION
axis	String	"y"	Can scroll along the "x" or the "y" axis.
callback	Function	NOOP	Called when scrolling has finished.
duration	Number	400	Duration of the scroll in miliseconds.
easing	String	"easeOut"	Easing type - `linear` ,`easeOut`, `easeIn`, `easeInOut`.
target	Object	window	Can be window or any DOM element with `overflow: auto`.
to	Number	0	X or Y coordinate to scroll to (relative to the target element, not to the current scroll position).

Code Examples

window.addEventListener("load", () => {
  document.querySelector("#button").addEventListener("click", () => {
    const smoothScroll = new SmoothScrollTo({
      to: 1200,
      callback: () => {
        console.log("end");
      }
    });

    smoothScroll.init();
  });
});

smooth scroll vanilla pure js

overflow-nav @infinitebrahmanuniverse/nolb-_dim @everything-registry/sub-chunk-244 @zalastax/nolb-_dim @dims/scrollnav

0.0.1

5 years ago