Alternatives for Twitter Bootstrap's affix navigation menu component

Bootstrap provides an affix navigation menu component which can make a nav-bar sticky while scrolling within a certain section of a page.

At the time of writing this article, this component is known to have cross-browser compatibility issues which are not yet fully fixed in Bootstrap's version 2.1.1 - e.g. flickering and violent movement of the affix menu when it reaches the bottom of its defined scrolling area/limit.

There are two jQuery based alternatives which can be used to provide a similar functionality -

The only drawback in these alternatives is that when used with menus, they do not provide automatic highlighting of the current menu entry (which is in view) on scrolling as seen in Bootstrap's affix plugin.
( Labels: , , , ) ( Posted on: December 15, 2012 )

3 comments:

  1. FelixFebruary 15, 2014 at 11:10 AM

    Thanks! This is still relevant. Stick'em works great for me!

    ReplyDelete
  2. Oki Eko WardoyoApril 2, 2016 at 12:08 AM

    until now (02 April 2016), flickering still happend on latest bootstrap, thnaks for providing this article. I have look for it long time.

    ReplyDelete
  3. UnknownJune 27, 2017 at 12:19 PM

    Thanks! This post is still relevant. Stick'em works great for me too!

    ReplyDelete

Subscribe to: Post Comments (Atom)