我对Bootstrap ScrollSpy在选定元素的滚动位置方面存在问题。问题发生在页面底部,我在页面中有多个相对较短的内容部分。它们被折叠并展开onClick,(所以是的,如果我选择全部打开然后似乎没有问题)并且当我到达页面底部之前所有已经被scrollspy选中它会跳转到nav上的最后一个元素。
这似乎是一个没有更多可滚动区域的问题。 (还可以添加额外的空格填充来杀死设计)
我已将scrollspy添加到body中,我的body没有添加高度值,offset也没有效果,然后启动突出显示的元素是为了早。
这是我的代码的JSFiddle:http://jsfiddle.net/Abuu/sAUee/
$( document ).ready(function() {
$('body').scrollspy({ 'target': '#nav', 'offset': 10 });
});
我在这里只发现了一个类似的问题,但是没有得到回答: Bootstrap - Scrollspy scrolling skipping second to last section
提前致谢。
答案 0 :(得分:2)
当部分不足以占用显示空间时会发生这种情况,因此当页面上的几个部分同时出现时ScrollSpy默认为最后一部分。从我所见,这只发生在页面的最后几个部分。
如果你为占据屏幕空间的每个部分添加一个高度,你会发现它的工作正常。