CODEWITHSUNDEEP
jquerycssnavigation
user1721301
user1721301

Reputation: 19

Creating a Sliding Indicator Under the Main Navigation when User Scrolls

I was wondering if it was possible to create an indicator that moved across the bottom of the main navigation as the user scrolls down the page. Here is an image of what I hope to make my main navigation look like.

The goal would be to have the tabbed part move as the user scrolls to different sections of the page.

Is this possible? And if so, can you point me in the direction of a tutorial or jquery plugin? Thanks for your time.

Upvotes: 1

Views: 3383

Answers (2)

Mart Gordon
Mart Gordon

Reputation: 1

Scrollspy in Twitter Bootstrap does this straight out of the box.

http://getbootstrap.com/javascript/#scrollspy - tells you how.

Scroll down the page and keep an eye on the left hand menu and you'll see the effect too.

Upvotes: 0

kirkas
kirkas

Reputation: 1849

Some plugin does it very well:

http://imakewebthings.com/jquery-waypoints/

http://curtain.victorcoulon.fr/

http://johnpolacek.github.com/scrolldeck.js/

http://pagescroller.com/

Upvotes: 1

Related Questions