koichirose koichirose - 24 days ago 10
Javascript Question

Twitter Bootstrap scrollspy always selecting last element

I have an issue with scrollspy, recreated in this fiddle:
http://jsfiddle.net/jNXvG/3/

As seen in the demo, the ScrollSpy plugin always keeps the last menu item selected no matter the scrolling position. I've read other questions and answers and tried different combinations of

offset
, etc., but none of them have helped. I can't figure out what's wrong.

I don't want to edit my template to include ugly html 'data' tags, so I am calling
scrollspy()
via JavaScript to activate the plugin.

The next step would be to remove the fixed content height and use 'affix' on the sidebar.

Answer

You need to attach the ScrollSpy to the element which is going to trigger scroll events, rather than the menu which is going to reflect the scroll position:

$('#content').scrollspy();‚Äč

JSFiddle

Comments