8 مستودعات
Mechanisms for overriding default browser scrolling by capturing wheel events and applying manual transform updates.
Distinct from Scroll Behavior Control: Distinct from Scroll Behavior Control: specifically covers the interception and replacement of native events with manual transforms, not just configuration of scroll easing.
Explore 8 awesome GitHub repositories matching user interface & experience · Native Scroll Interception. Refine with filters or upvote what's useful.
Locomotive Scroll is a JavaScript library and toolkit for managing DOM scroll interactions, featuring a smooth scroll motion controller and a parallax scrolling engine. It provides a system for implementing fluid scrolling and tracking element visibility within the viewport. The library creates depth and motion by moving elements at different speeds relative to the scroll position. It includes a viewport visibility tracker used to initiate visual transitions and animations when specific elements enter the browser viewport. The toolkit covers programmatic scroll control, dynamic element regis
Implements a custom scroll engine by intercepting native wheel events and updating element positions via CSS transforms.
Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.
Overrides the native scrollbar visibility while preserving the original scroll event handling and momentum physics.
OverlayScrollbars هي إضافة JavaScript لشريط التمرير ومدير تمرير عناصر DOM التي تستبدل أشرطة تمرير المتصفح الأصلية بإصدارات تراكب قابلة للتخصيص. تعمل كمكون واجهة مستخدم لتصميم مسارات شريط التمرير والمقابض مع الحفاظ على سلوك التمرير الأصلي وإمكانية الوصول. يضمن المشروع اتساق واجهة المستخدم عبر المتصفحات من خلال تجاوز التنفيذ الأصلي بأشرطة تمرير ويب مخصصة. يستخدم نظاماً من خصائص CSS المخصصة والسمات المحددة مسبقاً للسماح للمظهر المرئي لأشرطة التمرير بمطابقة تصميمات مواقع ويب محددة. تتضمن المكتبة واجهة برمجية للتحكم في تخطيطات شريط التمرير وأوضاع الأداء لكل عنصر على حدة. تتميز ببنية إضافات لإضافة سلوكيات مخصصة أو ملفات توافق (polyfills) وتوفر أدوات لإعادة حساب التخطيط يدوياً عند تغير أحجام العناصر أو المحتوى.
Wraps elements in containers to hide native browser scrollbars while preserving original overflow behavior.
mescroll is a JavaScript infinite scroll library and mobile web scroll manager designed to implement pull-to-refresh and pull-up-loading patterns. It provides a system for handling touch-based scrolling, managing pagination states, and integrating these behaviors within Vue applications. The library distinguishes itself through specialized support for chat interfaces, enabling reverse-order data loading and the ability to inject data in a reverse direction to simulate message histories. It also includes a state-persistent scroll cache to preserve vertical offsets and list data when users navi
Provides the ability to intercept and disable native browser rubber-banding effects for tighter control over the UI.
Phoenix هو مكون واجهة مستخدم للسحب للتحديث (pull-to-refresh) ومكتبة إيماءات JavaScript مصممة لعروض الجوال والويب. يوفر نمط تفاعل قابلاً لإعادة الاستخدام يؤدي إلى تحديثات البيانات عندما يسحب المستخدم الشاشة للأسفل. يتميز المشروع بمؤشرات مرئية قابلة للتخصيص ورسوم متحركة ذات طابع خاص تتفاعل مع حالة عملية السحب. يتضمن آليات لتنسيق الحالة يدوياً، مما يسمح لوحدات التحكم الخارجية بتشغيل أو إلغاء تسلسلات التحديث برمجياً بشكل مستقل عن إدخال المستخدم. لضمان تجربة مستخدم سلسة، تتكامل المكتبة مع طرق العرض المخصصة للجوال من خلال اعتراض أحداث التمرير لمنع سلوكيات المتصفح الأصلية المتضاربة.
Intercepts native browser scroll events to prevent default behavior during pull-to-refresh gestures.
smoothscroll is a browser compatibility library and JavaScript polyfill that provides uniform smooth scrolling behavior across different web browsers. It functions as a frontend animation utility that intercepts standard scroll commands and replaces them with custom animation logic to ensure consistent navigation transitions. The library includes a runtime feature detection tool that identifies native browser support for scroll properties, preventing redundant execution in modern environments. It synchronizes page position updates with the browser display refresh rate to prevent visual stutte
Intercepts native scroll commands to redirect them through a custom animation pipeline for consistent behavior.
Smooth-scrollbar is a customizable JavaScript library that replaces native browser scrollbars and scrolling behavior on target DOM elements with inertial momentum physics. It provides consistent cross-browser scrolling interfaces, hardware-accelerated visual translations, and dynamic thumb positioning. The library supports nested scroll container management, allowing outer containers to continue scrolling automatically when inner scrollable areas reach their boundary edges. It features a modular plugin architecture that enables third-party extensions to hook into core scroll events, track upd
Replaces standard browser scrolling behavior and native scrollbars on target elements with custom inertial scrolling mechanisms.
React custom scrollbars is a user interface component built for React applications that replaces native browser scrollbars with custom-styled tracks and thumbs. It maintains consistent visual appearance across different platforms and browsers while generating matching markup on both server and client environments to support server-side rendering without layout shift. The library provides comprehensive styling options by overriding default track, thumb, and view elements with custom components, CSS classes, or inline styles. It handles layout adjustments by resizing container dimensions dynami
The scroll component library fades out scrollbars automatically when the user stops scrolling to keep the user interface clean and unobtrusive.