Recently I was asked to make a free floating navigation element, so that when you scroll down the page it would follow. There are many adaptations of this but for standard html websites, but I was unable to find a SharePoint specific one. Until writing this post I just recently noticed an alternate but similar approach here http://blog.muhimbi.com/2009/08/how-to-float-sharepoint-quick-launch.html

Instructions

Download the code snippet from here

Add the script references to the files in the Master Page, or CEWP.

2013-08-18_1932

Once you add that to your pages it’s activated. This is tested to work on standard V4.master.

Notes

If you’re quick launch is larger than the view then it will constantly be scrolling down, and you’ll never see the bottom of the quick launch .

Your quick launch must be smaller than the actual view.

I’m using jQuery from the Google hosted API libraries – https://developers.google.com/speed/libraries/devguide#jquery

Here is a look at the actual script

2013-08-18_1934

Demo

[youtube]JCgv0kkh7PM[/youtube]
About the Author

Developer, Designer, Thinker, Problem Solver, Office Servers and Services MVP, & Collaboration Director @ SoHo Dragon.

View Articles