Better Smooth Scroll

A lightweight and very fast javascript library that provides enriched versions of the browsers’ scrolling APIs with support for smooth-scrolling, callbacks and many other features.

Multiple scroll-animations on one or more containers can be played at the same time with full controll over them.
Every scroll-animation triggered by the API can be interrupted at any time and supports user-defined custom ease functions.
This API is also fully compatible with Typescript, React.js, Next.js and many other javascript frameworks.

You can try most of the features on:

The Playground

Browser Compatibility

Browser Support
IE ❌
Edge ✔️
Firefox ✔️
Chrome ✔️
Safari ✔️
Opera ✔️
Safari for iOS ✔️
Opera mini ✔️
Android browser ✔️
Opera mobile ✔️
Chrome for Android ✔️
Firefox for Android ✔️
UC Browser for Android ✔️
Samsung Internet ✔️
Baidu Browser ✔️
QQ Browser ❔
KaiOS Browser ❔

PLUGIN FEATURES

? Smooth Scrolling: Achieve fluid, polished scrolling transitions that enhance user navigation and interaction.
? Multiple Scroll Animations: Trigger multiple scroll animations simultaneously across different containers with precise control.
? Custom Easing Functions: Define custom easing functions to tailor scroll animations according to your design needs.
? Interruptible Animations: Easily interrupt any scroll animation at any point, providing a smooth and responsive user experience.
? Framework Compatibility: Fully supports TypeScript, React.js, Next.js, and many other JavaScript frameworks, ensuring seamless integration into your development stack.
? Playground for Exploration: Test and explore a variety of features and configurations using the interactive Playground.
? Browser Compatibility: Compatible with major browsers including Edge, Firefox, Chrome, Safari, Opera, and mobile browsers like Safari for iOS and Chrome for Android.