Better Smooth Scroll Better Smooth Scroll

Better Smooth Scroll

Created by: Mahesh Thorat

Rating:
Downloaded: 1k times

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.

Screenshots

  • A general view of the plugin "options" page.
  • Scroll bars designs on desktop / laptop.
  • Scroll bars designs on mobile devices.

Categories

Get New Themes & Resources