Awesome GitHub RepositoriesSmooth Scroll Libraries

Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat

elevator.js is a lightweight JavaScript library that adds a playful, elevator-themed scroll-to-top button to a webpage. When clicked, it smoothly animates the page back to the top while playing a looping elevator music track in the background, masking the transition and adding a whimsical touch to the user experience. The library goes beyond a simple scroll-to-top button by offering configurable scroll duration, the ability to scroll to any specified DOM element with optional vertical padding, and callback hooks that fire user-defined functions at the start and end of the animation. This allo

مكتبة التمرير السلس (Smooth Scrolling) لـ JavaScript هذه هي أداة واجهة أمامية ووحدة تحكم في حركة إطار العرض مصممة لتحريك الانتقالات إلى روابط الارتساء (Anchor links). تقوم باعتراض نقرات الروابط القياسية لاستبدال القفزات الفورية بحركة انسيابية نحو العناصر المستهدفة. توفر المكتبة أنماط تخفيف حركة قابلة للتكوين وعناصر تحكم في السرعة لإدارة التسارع والتباطؤ. تتضمن آلية لإلغاء الرسوم المتحركة النشطة فوراً وتدعم تشغيل التمرير البرمجي عبر استدعاءات الوظائف المباشرة. تتعامل الأداة مع إزاحات التموضع لمنع إخفاء المحتوى المستهدف خلف الرؤوس الثابتة وتزامن شريط عنوان المتصفح أثناء الانتقالات. كما تتميز بنظام استدعاء (Callback) يعتمد على الأحداث يقوم بتشغيل تأثيرات جانبية عند بدء أو انتهاء أو مقاطعة رسوم التمرير المتحركة.

react-scroll هي مكتبة لإدارة سلوك التمرير السلس والفوري بين عناصر الصفحة في تطبيقات React. تعمل كمتحكم تمرير DOM، وتوفر واجهة برمجة تطبيقات تعريفية ومجموعة من المكونات لتحريك إطار العرض (viewport) إلى عناصر مستهدفة محددة. تتيح المكتبة التمرير المخصص من خلال السماح لإطار العرض بالانتقال إلى العناصر المستهدفة إما من خلال قفزات فورية أو انتقالات متحركة. وتوفر نظاماً لدمج منطق التمرير هذا في مكونات مخصصة باستخدام mixins لتحديد مشغلات وأهداف حركة محددة. يغطي المشروع التنقل في إطار العرض وانتقالات التركيز داخل تخطيطات تطبيقات الصفحة الواحدة، مما يربط إجراءات المستخدم في مكونات React بمواقع محددة داخل الصفحة.