malihu/malihu-custom-scrollbar-plugin
Malihu Custom Scrollbar Plugin
هذا المشروع عبارة عن إضافة jQuery تستبدل أشرطة التمرير الأصلية للمتصفح بإصدارات ذات سمات قابلة للتخصيص تدعم كلاً من المحورين الرأسي والأفقي. يوفر طبقة تنقل مصممة لضمان سلوك تمرير موحد عبر أجهزة الماوس ولوحة المفاتيح والأجهزة التي تعمل باللمس.
تسمح الإضافة بتعديل قضبان شريط التمرير والمقابض باستخدام CSS وسمات محددة مسبقاً للحفاظ على اتساق واجهة المستخدم عبر المتصفحات. تتيح التحكم في الشعور المادي للتنقل من خلال الزخم القابل للتعديل، والالتقاط، وتسريع عجلة الماوس.
يتضمن النظام إمكانيات لتحديد موضع المحتوى برمجياً، ومزامنة الروابط الداخلية، واكتشاف رؤية العناصر. يمكنه التبديل تلقائياً بين اتجاه شريط التمرير بناءً على أبعاد منطقة العرض ويوفر آلية لتشغيل وظائف محددة من قبل المستخدم عندما يصل التمرير إلى معالم محددة.
Features
- Scrollbars - Replaces native browser scrollbars with themed, customizable UI elements for navigating overflow content.
- Cross-Browser Interaction Normalization - Normalizes scrollbar appearance and interaction behavior to ensure a consistent experience across different web browsers.
- Content Scrolling Controls - Manages how users navigate through large data sets using programmatically controlled vertical and horizontal scrolling regions.
- Programmatic Scrolling - Implements methods to programmatically move the viewport to specific coordinates or halt active scrolling animations.
- Scroll Behavior Control - Provides controls for adjusting scrolling physics, including momentum, snap-to-pixel increments, and mouse-wheel acceleration.
- jQuery Plugins - Developed as a jQuery plugin to dynamically inject and style the custom scrollbar elements into the DOM.
- Component Theme Applications - Enables modification of scrollbar rails and draggers using CSS and pre-set visual themes.
- Scroll-Position Event Triggers - Executes user-defined functions when the scroll position reaches predefined milestones like the start or end of a container.
- Physical Motion Simulators - Simulates physical inertia by calculating velocity and decay for fluid scrolling effects after input release.
- Customizable UI Components - Offers a highly customizable UI component with adjustable physical properties like snapping and mouse-wheel acceleration.
- UI State Synchronizers - Triggers custom JavaScript events to ensure the visual state of the scrollbar reflects the current scroll position.
- Responsive Scroll Interfaces - Provides a unified scrolling interface that adapts its behavior for mouse, keyboard, and touch-enabled devices.
- Coordinate-Based Viewport Shifting - Provides direct method calls to programmatically shift the viewport to specific pixel coordinates.
- Adaptive Orientations - Provides the ability to automatically toggle between vertical and horizontal scrollbar layouts based on the current viewport size.
- Vertical Orientation Support - Automatically toggles the scrollbar between vertical and horizontal axes based on container dimensions.
- Coordinate-Based Translations - Implements content movement by calculating relative offsets and applying CSS transforms to simulate native scrolling.
- Scrollbar Visual Styles - Supports applying custom CSS styles and themes to modify the appearance of scrollbar rails and draggers.
