Bangun Menu Hamburger Geser yang Dapat Diakses dengan Offcanvas

Bebas Plugin offcanvas adalah salah satu dari banyak sumber daya untuk navigasi geser. Anda dapat menemukan banyak plugin serupa secara online tetapi Offcanvas menonjol karena beberapa alasan.

Itu adalah perpustakaan yang cukup ringan dan sementara itu berjalan di jQuery juga tidak terlalu sulit untuk diatur. Ini berlaku untuk kode JavaScripts dan HTML, jadi Anda tidak perlu mengubah navigasi default sama sekali.

Plugin Offcanvas memungkinkan Anda tetapkan area tertentu di mana menu akan muncul. Secara default, ini biasanya sisi kiri atau kanan layar, tetapi Anda juga dapat memilih bagian atas atau bawah layar..

Ini membuat Offcanvas cocok untuk Anda lebih dari sekadar menggeser menu hamburger. Dapat digunakan untuk geser bilah notifikasi atau bahkan opt-in bidang untuk mengambil email.

Setiap panel bekerja dengan cara yang sama di mana pengguna bisa klik di mana saja pada halaman untuk menyembunyikan menu geser. Dan kamu bisa mengatur perintah keyboard yang berjalan sesuai dengan pedoman ARIA untuk aksesibilitas web yang tepat.

Untuk menginstal Offcanvas, Anda hanya perlu salinan jQuery Bersama dengan File CSS / JS offcanvas. Anda dapat menarik ini melalui npm, bower, atau langsung dari GitHub.

Juga di halaman GitHub, Anda akan lihat sedikit kode sampel Anda dapat mengerjakan ulang sesuai dengan situs web Anda. Yang Anda butuhkan untuk sliding nav adalah