I know this is an old thread but I had the exact same problem so this might help somebody out.
In my case the problems were caused by the navbar going back and forth from a relative position to a fixed position when scrolling. This changes the height of the page, resulting in the weird behaviour. I fixed it by wrapping the navbar in a div with a set height so the height of the page remains the same when the navbar changes to a fixed position. Op donderdag 20 juni 2013 21:33:28 UTC+2 schreef Tyler Longren: > > Hi Bootstrappers, > > Before I begin, please see here: > http://www.longren.org/test/ > > I'm trying to build a "single page" site, where the navigation items > highlight when the user gets to that "section" of the page, either by > scrolling there or by clicking the nav items. > > Got a normal navbar, that changes to navbar-fixed-top after scrolling so > it's always visible to the user. > > Click on "Pricing" nav item and it'll take you to the Pricing table. > However, the Pricing nav item doesn't have the "active" class applied. The > nav item before Pricing still has the active class. > > And also when scrolling, I have to scroll halfway through the section > before the nav item gets the "active" class applied to it. > > The site you're looking at is using latest bootstrap with the Flatly > Bootswatch. > > What can I do to fix these issues? Should I just not use navbar-fixed-top > and just leave the navbar normal size but still have it be static @ the top > of the page? Maybe I'm not defining the "sections" in the proper/best way? > > Looking for advice, any suggestions are greatly appreciated. :) > > Thanks everyone! > -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
