Search code examples
javascriptjquerytwitter-bootstrapscrollscrollspy

Bootstrap horizontal scrollspy?

I am using Bootstrap's scrollspy successfully but I want to use it on a page where the destination anchors cascade horizontally. I have tweaked to no avail and cannot manage to get it working. I also tried https://gist.github.com/marcoleong/1922743 with no success.

Please see my fiddle at http://jsfiddle.net/AzSWV/2/ which works with the call to $('body').scrollspy();

You can see initially that the vertical scrollspy works. Uncomment the CSS and update the fiddle to see the horizontal layout.

Solution

  • Solved this by replacing all occurrences of top or Top with left or Left respectively, and replaced height or Height with width or Width respectively. I also changed the target element.

    http://jsfiddle.net/AzSWV/19/