Δημιουργήστε προσπελάσιμα συρόμενα μενού χάμπουργκερ με Offcanvas

Το δωρεάν Offcanvas plugin είναι ένας από τους πολλούς πόρους για συρόμενες πλοήγησης. Μπορείτε να βρείτε ένα σωρό παρόμοια plugins σε απευθείας σύνδεση, αλλά Offcanvas ξεχωρίζει για μερικούς λόγους.

Είναι ένα αρκετά ελαφριά βιβλιοθήκη και ενώ τρέχει στο jQuery είναι επίσης δεν είναι πολύ δύσκολο να δημιουργηθεί. Αυτό ισχύει τόσο για τον κώδικα JavaScripts όσο και για τον κώδικα HTML, οπότε δεν θα χρειαστεί να αλλάξετε καθόλου την προεπιλεγμένη πλοήγηση.

Το plugin Offcanvas σας επιτρέπει να το κάνετε ορίστε ορισμένες περιοχές στις οποίες πρέπει να εμφανίζεται το μενού. Από προεπιλογή, αυτή είναι συνήθως η αριστερή ή η δεξιά πλευρά της οθόνης, αλλά μπορείτε επίσης να επιλέξετε το επάνω ή το κάτω μέρος της οθόνης.

Αυτό καθιστά την Offcanvas εξαιρετική για περισσότερο απλώς από τα συρόμενα μενού χάμπουργκερ. Μπορεί να χρησιμοποιηθεί για συρόμενες γραμμές ειδοποιήσεων ή ακόμη και opt-in πεδία για την καταγραφή μηνυμάτων ηλεκτρονικού ταχυδρομείου.

Κάθε παράθυρο λειτουργεί με τον ίδιο τρόπο που ο χρήστης μπορεί κάντε κλικ οπουδήποτε στη σελίδα για να αποκρύψετε το συρόμενο μενού. Και μπορείς Ρύθμιση εντολών πληκτρολογίου που λειτουργούν σύμφωνα με τις οδηγίες της ARIA για σωστή προσβασιμότητα στον ιστό.

Για να εγκαταστήσετε το Offcanvas, απλά χρειαστείτε ένα αντίγραφο του jQuery μαζί με Offcanvas αρχεία CSS / JS. Μπορείτε να τα τραβήξετε μέσω npm, bower, ή απευθείας από το GitHub.

Επίσης στη σελίδα GitHub, θα το κάνετε δείτε ένα κομμάτι δείγματος κώδικα μπορείτε να επαναλάβετε την εργασία σας για να ταιριάζει στην ιστοσελίδα σας. Το μόνο που χρειάζεστε για το συρόμενο σκάφος είναι ένα