• .
  • Chúc mừng giánh sinh và năm mới 2025
  • Smallrig phu kien ho tro quay gan gimbal rs3 rs2 rsc2.jpg
  • Balo túi đeo PGYTECH 3L 4L 6L 10L 11L 22L 25L 35L
  • Tilta Phụ kiện các loại giá tốt nhất
  • Hỗ trợ book Xanh SM giao liền

Tạo Menu trượt 2 bên với Sidebar Navigation Javascript Solutions

We have seen different kinds of navigation solutions for responsive layouts. The most common solution would be transforming main navigation menu into drop down menu. However, with the popularity of Apps on mobile platform, they are bringing one of the emerging nav UI pattern into web, they called it Sidebar Navigation.

Sidebar navigation can be seen on facebook, Path and Gmail iOS and Android apps. By default, its app sidebar menu is hidden behind the main screen. Normally, the sidebar can be revealed by click on the top left corner menu icon. Below are the examples of native implementation on mobile platform.

 

Javascript/jQuery Solution

Here we have a few solutions that allow you to make web based sidebar navigation easily. The implementation might be different but its way of working, look and feel are basically the same.

jPanelMenu
A jQuery plugin that creates a paneled-style menu.

 

Sidr
Sidr helps you to create multiple sidebar menu easily. You can different menu at the same type on both side of your website.

 

Mmenu
A jQuery plugin for creating slick, app look-alike sliding menus for mobile website with only one line of javascript.

 

Building Mobile App Navigation with jQuery
A tutorial to show you how to make a mobile sidebar navigation menu.

 

jQuery Mobile Slide Menu
This is a hardware accelerated slide menu example. It's modeled after Facebook's famous menu. Click the icon at the top left of the screen to expose the menu. You can also swipe left/right activate it.

 

Snap.js
A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus).

 

Slide out menu
A recreation of sidebar navigation menu on facebook iPhone app.

Conclusion

Sidebar Navigation is one of the navigation methods that starting to gain attention. This method is particularly famous in web app. Depend on your needs, there are many other methods for your responsive website as well. You will have to choose one according to the nature of your project and the size of your nav.

Have you seen some other sidebar navigation menu? Or do you see a drawback of using such menu? Let us know

Share facebookShare facebook

Tin Cùng Chuyên Mục

Trang 1 / 1

Bạn đã đọc tin này chưa ?

Go Top
Chat hỗ trợ
Chat ngay