WebAppers

/ best free open source web resources /

Shopify

Stylish Simple Navigation with jQuery & CSS3

Posted · Category: License Free, Menu

Everyday on the web there’s something that we all do, almost regardless of the site that we’re on – we scroll down. In every case we need to scroll back up to the top of the page if we want to use the site navigation again or perform a site search. RocketBar is a simple solution for this which shows you how you can easily provide your users a persistent form of site navigation without them needing to scroll back up.

RocketBar consists of two main components – the first is the jQuery code that powers it, adding the floating class and attributes to the bar that make it appear ‘detached’ when the user scrolls up and down the page. The second element are the CSS3 buttons you find along the bar.

rocketbar

Requirements: jQuery Framwork
Demo: http://addyosmani.com/blog/rocketbar/
License: License Free

3 Comments
  • http://www.bloggingtutors.com Yogendra

    Thanks Ray for sharing this with us.It is much simpler and light then ready to use flaot menu available on net but unfortunately it is not working on IE 6 yet.I am working to fix it for IE 6.Let you guys know once its done.-

  • yasam phani

    Really nice

  • Adrian

    is it required jquery 1.4 ?

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons