Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Mega Menu in jQuery with Touch Enabled - Swipe Drawer

Tags: menu swipe jquery
Download
Demo

The "Swipe Drawer" is a simple navigation system to organize your website's data in efficient way. It is fully supported by all modern browsers and devices.

On mobile, this menu is fully touch friendly, you can open and close by swipe left and right respectively. However, menu trigger is also available to do the same work.

The menu hide when user scroll down to read the article, but show immediately when user scroll up.

Main Features

  • Fully responsive - will adapt to any device.
  • Supports swipe to open and close menu.
  • Show on top when user sroll up.
  • Unlimited dropdown can be added.
  • Small file size, fully themed, simple to implement.
  • CSS transitions with jQuery fallback.
  • Chrome, Safari, Firefox, Opera, IE7+, IOS, Android and windows phone supported.
  • Attractive flat colors.
  • Slide and Fade Effects.
  • Clean and simple HTML structure.
  • Auto width, Vertical Slide, Adaptiveheight, Rtl support...
  • Font Awesome icons installed.
  • SEO and user friendly.
  • Easy to navigate, implement and customize.

How to Use

1. Add the Jquery Swipe Drawer's JavaScript and Stylesheet to the webpage.

 


2. Following is the HTML Structure for Swipe Menu, add it in the web page.













This post first appeared on Programming Explain, please read the originial post: here

Share the post

Mega Menu in jQuery with Touch Enabled - Swipe Drawer

×

Subscribe to Programming Explain

Get updates delivered right to your inbox!

Thank you for your subscription

×