Better Smooth Scroll

Description

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.

Installation

Using plugins page

  1. Go to Plugins -> Add New and search for Better Smooth Scroll.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Click the Better Smooth Scroll link located in main menu section to configure the plugin options

Using Manual File System

  1. Upload better-smooth-scroll to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Click the Better Smooth Scroll link located in main menu section to configure the plugin options

Reviews

Désémber 7, 2022
The plugin works fine with my websites without much settings. It works exactly what I was expected.
Read all 0 reviews

Contributors & Developers

“Better Smooth Scroll” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Better Smooth Scroll” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.1

  • Security Update

1.0

  • Tested with WordPress 6.4.3
  • Minor Fixes

0.2

  • Compressed Script up to 50%
  • Improved execution

0.1

  • Initial Public Release