Awesome GitHub RepositoriesNative Scroll Interception

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

Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

OverlayScrollbars एक JavaScript स्क्रॉलबार प्लगइन और DOM एलिमेंट स्क्रॉल मैनेजर है जो नेटिव ब्राउज़र स्क्रॉलबार को कस्टम स्टाइल करने योग्य ओवरले संस्करणों के साथ बदल देता है। यह स्क्रॉलबार ट्रैक और हैंडल को स्टाइल करने के लिए एक UI घटक के रूप में कार्य करता है, जबकि मूल स्क्रॉलिंग व्यवहार और एक्सेसिबिलिटी को संरक्षित करता है। यह प्रोजेक्ट कस्टम वेब स्क्रॉलबार के साथ नेटिव कार्यान्वयन को ओवरराइड करके क्रॉस-ब्राउज़र UI स्थिरता सुनिश्चित करता है। यह स्क्रॉलबार के विजुअल स्वरूप को विशिष्ट वेबसाइट डिज़ाइनों से मेल खाने की अनुमति देने के लिए CSS कस्टम गुणों और पूर्वनिर्धारित थीम की एक प्रणाली का उपयोग करता है। लाइब्रेरी प्रति-तत्व आधार पर स्क्रॉलबार लेआउट और प्रदर्शन मोड को नियंत्रित करने के लिए एक प्रोग्रामेटिक इंटरफेस शामिल करती है। इसमें कस्टम व्यवहार या संगतता पॉलीफिल जोड़ने के लिए एक प्लगइन आर्किटेक्चर है और जब तत्व का आकार या सामग्री बदलती है तो मैन्युअल लेआउट पुनर्गणना के लिए टूल प्रदान करता है।

mescroll एक JavaScript इनफिनिट स्क्रॉल लाइब्रेरी और मोबाइल वेब स्क्रॉल मैनेजर है जिसे पुल-टू-रिफ्रेश और पुल-अप-लोडिंग पैटर्न को लागू करने के लिए डिज़ाइन किया गया है। यह टच-आधारित स्क्रॉलिंग को संभालने, पेजिनेशन स्टेट्स को प्रबंधित करने और Vue एप्लिकेशन के भीतर इन व्यवहारों को एकीकृत करने के लिए एक सिस्टम प्रदान करता है। यह लाइब्रेरी चैट इंटरफेस के लिए विशेष समर्थन के माध्यम से खुद को अलग करती है, जो रिवर्स-ऑर्डर डेटा लोडिंग और संदेश इतिहास का अनुकरण करने के लिए रिवर्स दिशा में डेटा इंजेक्ट करने की क्षमता को सक्षम बनाती है। इसमें उपयोगकर्ताओं द्वारा विभिन्न दृश्यों के बीच नेविगेट करने पर वर्टिकल ऑफसेट और लिस्ट डेटा को संरक्षित करने के लिए एक स्टेट-पर्सिस्टेंट स्क्रॉल कैश भी शामिल है। यह प्रोजेक्ट इंटरैक्शन और प्रदर्शन क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है, जिसमें नेटिव ब्राउज़र रबर-बैंडिंग का दमन, व्यूपोर्ट-जागरूक इमेज लेज़ी लोडिंग और प्रोग्रामेटिक स्क्रॉल पोजिशनिंग शामिल है। यह पेजिनेशन स्टेट्स को प्रबंधित करने, लोडिंग और खाली स्टेट UI को कस्टमाइज़ करने और बैक-टू-टॉप नेविगेशन को लागू करने के लिए उपयोगिताएँ भी प्रदान करता है।

Phoenix मोबाइल और वेब व्यू के लिए डिज़ाइन किया गया एक पुल-टू-रिफ्रेश UI घटक और JavaScript जेस्चर लाइब्रेरी है। यह एक पुन: प्रयोज्य इंटरैक्शन पैटर्न प्रदान करता है जो उपयोगकर्ता द्वारा स्क्रीन को नीचे की ओर खींचने पर डेटा अपडेट को ट्रिगर करता है। प्रोजेक्ट में अनुकूलन योग्य विज़ुअल संकेतक और थीम्ड एनिमेशन शामिल हैं जो पुल ऑपरेशन की स्थिति पर प्रतिक्रिया करते हैं। इसमें मैनुअल स्टेट समन्वय के लिए तंत्र शामिल हैं, जो बाहरी नियंत्रकों को उपयोगकर्ता इनपुट से स्वतंत्र रूप से रिफ़्रेश अनुक्रमों को प्रोग्रामेटिक रूप से ट्रिगर या रद्द करने की अनुमति देते हैं। सुचारू उपयोगकर्ता अनुभव सुनिश्चित करने के लिए, लाइब्रेरी परस्पर विरोधी नेटिव ब्राउज़र व्यवहारों को रोकने के लिए स्क्रॉल घटनाओं को इंटरसेप्ट करके मोबाइल-फ़र्स्ट व्यू के साथ एकीकृत होती है।

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

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

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