• Clean, semantic markup
• Form & validation compatibilty
• Full keyboard control with textual search
• Inner-scroll for long lists
• Degradation to native UI on touch devices
• Fully functional IE8+ supported custom dropdown and custom input controls

It gives power to the user with its various options to customize the style of scrolling, scroll speed and many more. Supports more than 30 unique Scrolling Styles.

The navigation states can be also be animated. Naver works by setting heights, so when transitioning between break points you may wish to reset the navigation state. You will need to use a plugin like Rubberband to detect and act on break point changes:

With slimMenu, you’ll no longer struggle with media queries to create responsive menus, or any other heavy plugins to create multi-level nested menus. slimMenu does both job for you and it’s only 5KB(2.5KB minified)!

Adventures in Responsive Navigation provides a little list of some popular methods of dealing with navigation on a responsive website. It comes with code samples of different navigation patterns discussed here. Grab the code and craft your own navigation pattern.

Progressive And Responsive Navigation

Standalone JavaScript Plugin For Responsive Menus: Responsive Nav

Responsive and Touch-Friendly: Drop-Down Navigation

Responsive Menu jQuery Plugin: HorizontalNav

Responsive Navigation Menu jQuery plugin: TinyNav.js

Responsive Dropdown Navigation For Mobiles and Small Screen Devices

CSS3 Responsive Menu

How To Build A Responsive, Mobile-First Navigation Menu

Responsive Drop Down Navigation Menu

How To Code A Responsive Navigation Menu

How To Convert a Menu to a Dropdown for Small Screens

Flowtime.js is designed to perfectly fit your viewport and is based on a solid display: inline-block; foundation.

This framework doesn’t style your presentations or sites for you but it takes care of all the annoying things like navigation and deep-linking, so you are free to style every single element of your design as you like. But for the ones who need a ready-to-use tool it comes with a default theme that you can edit or you can add new themes just by linking your CSS files.

There are a lot of effects and components, including tooltips, charts, parallax scrolling, and a lightbox. The project has detailed documentation on each of the bundled plugins.

jKit has most of the features you ever need. And even if jKit doesn’t have that one feature you need right now, jKit is fully extendable with plugins and command replacements, all that and your API always stays the same.

This customizable list scroller plugin lets you set the number of visible items and scrolling step.

• List items must not have a fixed size, or equal to each other
• The list can be scrolled horizontally or vertically
• Scrolling can be simple or infinite (circular)
• Scrolling can be manual or automatic (autoscroll)
• You can put more than one ALS in a single page (multiple instance)

Animation is handled by CSS transitions. CSS transitions are hardware-accelerated on supporting devices, so the animations are silky smooth. For browsers that do not support CSS transitions, the jQuery animation engine is used as a fallback.

Use jRespond to enable and disable jPanelMenu at the appropriate breakpoints, creating a truly great responsive experience.