Xây dựng các menu Hamburger trượt có thể truy cập với Offcanvas

Miễn phí Plugin Offcanvas là một trong nhiều tài nguyên cho điều hướng trượt. Bạn có thể tìm thấy một loạt các plugin tương tự trực tuyến nhưng Offcanvas nổi bật vì một vài lý do.

nó là một thư viện khá nhẹ và trong khi nó chạy trên jQuery, nó cũng không khó để thiết lập. Điều này đúng cho cả mã JavaScripts và mã HTML, vì vậy bạn sẽ không cần phải thay đổi điều hướng mặc định của mình nhiều.

Plugin Offcanvas cho phép bạn chỉ định các khu vực nhất định nơi menu sẽ xuất hiện. Theo mặc định, đây thường là bên trái hoặc bên phải của màn hình, nhưng bạn cũng có thể chọn trên cùng hoặc dưới cùng của màn hình.

Điều này làm cho Offcanvas tuyệt vời cho hơn hơn là chỉ trượt menu hamburger. Nó có thể được sử dụng cho thanh thông báo trượt hoặc thậm chí trường chọn tham gia để chụp email.

Mỗi bảng điều khiển hoạt động theo cùng một cách mà người dùng có thể nhấp vào bất cứ nơi nào trên trang để ẩn menu trượt. Và bạn có thể thiết lập các lệnh bàn phím chạy theo hướng dẫn ARIA để truy cập web thích hợp.

Để cài đặt Offcanvas, bạn chỉ cần một bản sao của jQuery cùng với Offcanvas tệp CSS / JS. Bạn có thể kéo chúng qua npm, bower hoặc trực tiếp từ GitHub.

Cũng trên trang GitHub, bạn sẽ xem một chút mã mẫu bạn có thể làm lại cho phù hợp với trang web của bạn. Tất cả bạn cần cho điều hướng trượt là một