ustbhuangyi/better-scroll

Features

• Smooth Scrolling - Provides a high-performance smooth scrolling engine with configurable inertia and rebound effects.
• Mobile Scroll Libraries - Serves as a high-performance JavaScript library for creating smooth touch scrolling experiences on mobile websites.
• Touch and Gestures - Functions as a touch interaction engine for handling gestures like swiping, pulling to refresh, and infinite loading.
• Plugin & Integration Systems - Provides a system for integrating custom plugins to add new methods and event hooks to the core instance.
• Hook-Based Plugin Systems - Features a plugin architecture that allows extending the core instance via lifecycle event hooks and interface injection.
• Physical Motion Simulators - Provides a fluid scrolling engine with configurable inertia and rebound effects to mimic physical movement.
• Event-Driven Interaction Handlers - Translates raw touch and mouse wheel events into internal coordinate changes to drive scroll state.
• Modular UI Components - Provides a plugin-based architecture for composing complex scrollable UI modules like carousels and pickers.
• Pull-to-Refresh Components - Provides a dedicated mechanism for triggering content refresh via downward swipe gestures.
• Nested Scroll Coordination - Coordinates scrolling behavior between parent and child containers to prevent conflicting scroll events.
• Smooth Scroll Libraries - Implements a high-performance scrolling library with inertia and rebound effects for web browsers.
• Carousels and Sliders - Implements a layout system for organizing content into sliding pages accessible via swipes.
• Custom UI Component Frameworks - Provides a framework for building specialized mobile elements like pickers and carousels through an extensible scrolling engine.
• DOM Observers - Includes a utility that monitors DOM changes to dynamically update scrollable area height and prevent layout breaks.
• DOM Mutation Observers - Monitors element size changes and image loads to automatically update the total scrollable area height.
• Infinite Scrolling - Implements a UX pattern that automatically loads additional content as users reach the bottom of a list.
• Touch Interaction Optimizations - Handles complex mobile navigation patterns including nested scrolling and pinch-to-zoom functionality.
• Scroll Position Indicators - Provides visual scrollbars and indicators to communicate the user's position relative to the total content length.
• Gesture-Based Zooming - Implements zoom functionality triggered by pinch-to-zoom gestures on touch interfaces.
• DOM Mutation Observation - Monitors the DOM for structural changes and image loads to automatically update scrollable dimensions.

Star history