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.

螢幕擷圖

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

安裝方式

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

使用者評論

2025 年 1 月 10 日 1 則留言
Sorry, but after installing this plugin scrolling was not possible anymore.WP Version: 6.7.1PHP Version: 8.1.20Elementor Pro 3.26.3
2022 年 12 月 7 日
The plugin works fine with my websites without much settings. It works exactly what I was expected.
閱讀全部 2 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Better Smooth Scroll〉的開發相關工作。

參與者

將〈Better Smooth Scroll〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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