I’m putting some documentation together using Bootstrap and running into an issue with the Scrollspy plugin in Firefox. Essentially, the “active” class is getting appended to the last list item in my sidebar nav and won’t change, even upon scrolling through the page.
I have compared my example with Bootstrap’s version and cannot determine any discrepancies between the two. The script works in all other browsers, including IE8+.
I’ve hosted my working example of it here for anyone to take a look at if you have the time (the page source is very simple, so it’s probably just easier looking at it here in Firefox than in a jsFiddle or something): http://dev.themusicake.com/
Documentation on Scrollspy can be found here: http://twitter.github.com/bootstrap/javascript.html#scrollspy
I am using the data attributes on the <body> element as is suggested:
<body data-spy="scroll" data-target=".nav-affix-container">
There aren’t any errors being thrown in the console either, adding to the troubles of figuring out the issue. If anyone has had any issues with this particular problem in the past, any assistance would be greatly appreciated!
Please let me know if you need anything else!
Remove
height: 100%frombody.