בניית נגישות הזזה המבורגר תפריטים עם Offcanvas

החופשי תוסף הוא אחד המשאבים רבים עבור הזזה הניווט. אתה יכול למצוא חבורה של תוספים דומים באינטרנט אבל Offcanvas בולט מכמה סיבות.

זה ספרייה קלילה למדי ובעוד הוא פועל על jQuery זה גם לא קשה מאוד להגדיר. הדבר נכון הן בקוד JavaScript והן בקוד ה- HTML, לכן לא תצטרך לשנות את ברירת המחדל של הניווט כלל.

התוסף Offcanvas מאפשר לך להקצות אזורים מסוימים שבהם התפריט אמור להופיע. כברירת מחדל, זה בדרך כלל בצד שמאל או בצד ימין של המסך, אבל אתה יכול גם לבחור את החלק העליון או התחתון של המסך, יותר מדי.

זה עושה Offcanvas נהדר עבור יותר מאשר רק הזזה תפריטים המבורגר. זה יכול לשמש הזזה ברים הודעה או אפילו שדות opt-in כדי ללכוד הודעות דוא"ל.

כל פאנל עובד באותו אופן שבו המשתמש יכול לחץ במקום כלשהו בדף כדי להסתיר את תפריט ההזזה. ואתה יכול להגדיר פקודות מקלדת כי לפעול בהתאם להנחיות ARIA עבור נגישות אינטרנט נאותה.

כדי לקבל Offcanvas מותקן, אתה רק צריך עותק של jQuery ביחד איתי קובצי CSS / JS. אתה יכול למשוך את אלה באמצעות npm, קשתות, או ישירות מ GitHub.

גם בדף GitHub, אתה לראות קצת קוד לדוגמה אתה יכול לעבד מחדש את האתר שלך. כל מה שאתה צריך עבור ניווט הזזה הוא