بناء قوائم يمكن الوصول إليها همبرغر مع Offcanvas
الحر البرنامج المساعد Offcanvas هي واحدة من العديد من الموارد للانزلاق التنقلات. يمكنك العثور على مجموعة من الإضافات المشابهة عبر الإنترنت ولكن Offcanvas تبرز لعدة أسباب.
انه مكتبة خفيفة الوزن إلى حد ما وبينما يعمل على مسج هو أيضا ليس من الصعب جدا اقامة. ينطبق هذا على كل من كود JavaScripts ورمز HTML ، لذلك لن تحتاج إلى تغيير التنقل الافتراضي كثيرًا على الإطلاق.
البرنامج المساعد Offcanvas يتيح لك حدد مناطق معينة يجب أن تظهر فيها القائمة. افتراضيًا ، يكون هذا هو الجانب الأيسر أو الأيمن من الشاشة ، ولكن يمكنك أيضًا اختيار أعلى أو أسفل الشاشة أيضًا.
وهذا يجعل Offcanvas كبيرة ل أكثر من من مجرد انزلاق القوائم همبرغر. ويمكن استخدامه ل انزلاق أشرطة الإعلام او حتى يمكنك اختيار الحقول لالتقاط رسائل البريد الإلكتروني.
تعمل كل لوحة بنفس الطريقة التي يمكن بها للمستخدم انقر في أي مكان على الصفحة لإخفاء القائمة المنزلق. ويمكنك إعداد أوامر لوحة المفاتيح التي تتوافق مع إرشادات ARIA لسهولة الوصول إلى الويب.
للحصول على تثبيت Offcanvas ، تحتاج فقط نسخة من مسج جنبا إلى جنب مع Offcanvas CSS / JS files. يمكنك سحب هذه من خلال npm ، كوخ في الريف ، أو مباشرة من GitHub.
أيضا على صفحة جيثب ، أنت نرى قليلا من نموذج التعليمات البرمجية يمكنك إعادة صياغة لتناسب موقع الويب الخاص بك. كل ما تحتاجه للتنقل الانزلاق هو عنصر يحتوي على القائمة الخاصة بك (أو ما تريد الانزلاق إلى الصفحة).
هذا هو أثار من خلال ربط مرساة مشيرا نحو معرف القائمة انزلاق الخاص بك. إليك مقتطفًا من Offcanvas GitHub يوضح مثالًا موجزًا:
... قائمة طعام ...
إذا كنت قادرا على إعادة صياغة قليلا HTML في صفحتك ، يجب ألا تواجه مشكلة في إعداد كل هذا.
ال offcanvas ()
وظيفة حتى يدعم خيارات ل تغيير سرعة الحركة ، والطبقة الافتراضية, و وظائف رد الاتصال التي يمكن أن تعمل بعد فتح القائمة أو إغلاقه.
لمعرفة المزيد ومشاهدة عرض توضيحي مباشر ، راجع صفحة البرنامج المساعد الرئيسية. Offcanvas هو خيار رائع ل الملاحة بدعم jQuery إذا كنت تحب القوائم همبرغر.