التمرير السلس لصفحة كاملة باستخدام jQuery Plugin viewScroller.js

آثار التمرير جافا سكريبت كانت موجودة منذ سنوات مع العشرات من المكتبات الكبرى للاختيار من بينها. لكن المنافس الجديد في هذا المجال هو viewScroller.js.

يمكن بناء هذه المكتبة الصغيرة جدًا والقوية تخطيطات صفحة واحدة أن التمرير ككتل بضغطة واحدة على عجلة التمرير (أو لوحة اللمس). يؤدي هذا إلى إنشاء تخطيط يتم التحكم فيه حيث تنقل المخطوطات المستخدم عبر أقسام فردية من الصفحة بها الدقة محكم بكسل.

بطبيعة الحال ، هذه مكتبة مجانية تمامًا متاح على جيثب وسهلة التركيب مع باور أو npm.

ومع ذلك ، viewScroller.js هو ليس مكتبة جافا سكريبت مستقلة. إنها تعتمد على مسج واثنين من الإضافات المحددة: مسج عجلة و مسج تخفيف. هؤلاء هم كلاهما مطلوب للحصول على تأثيرات التمرير تعمل بشكل صحيح.

هذا يمكن أن يعوق قيمة viewScroller لأنه يتطلب بعض مكتبات JS فقط للعمل. ولكن إذا كنت تستخدم بالفعل jQuery على أي حال ، فهو أمر غير ذكي. توفر viewScroller.js أبسط طريقة للحصول على صفحة ويب واحدة للتمرير يعمل دون الكثير من التعليمات البرمجية.

إنه كذلك, استخدام فئات ومعرفات مفصلة للغاية لإنشاء تأثير التمرير. يمكنك تحرير هذه الفئات في ملف CSS الخاص بك أو الكتابة عليها في الكود الأساسي. ستجد أ القائمة الكاملة على صفحة الريبو مع أسماء الصف و بيانات الإعداد الافتراضي.

إن أبسط طريقة للبدء هي استنساخ العروض viewScroller. لديهم واحد مع الشريط الجانبي الأيمن ، والآخر مع الشريط الجانبي الأيسر ، وواحد مع اثنين من الشريط الجانبي شطيرة المحتوى في منتصف.

إذا كنت على ما يرام مع تطبيق ويب يعمل بوقود jQuery ، فإن viewScroller عبارة عن مكتبة مجانية رائعة يمكنك استخدامها. انها لا تحتاج عدد غير قليل من التبعيات ولكن لا ينبغي أن يكون من الصعب تكوين.

نلقي نظرة خاطفة على عرض حي ونرى ما هو رأيك. إذا كنت تحب UX وسلوك التمرير ، فاتبع دليل الإعداد على جيثب للبدء.