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

Comments
  • Morgan Roach
    Posted at 2:14 pm September 18, 2013
    Morgan Roach
    Reply
    Author

    Thank you so much for this post.

  • Andi Brand
    Posted at 5:35 am August 21, 2013
    Andi Brand
    Reply
    Author

    Video is Private… 🙁

    • Thomas Daly
      Posted at 10:01 am August 21, 2013
      Thomas Daly
      Reply
      Author

      Sorry – it should be up now.

  • Leave a Reply