当没有更多可滚动区域时，Bootstrap ScrollSpy 会跳过部分

Question

我在使用 Bootstrap ScrollSpy 时遇到与所选元素的滚动位置有关的问题。问题出现在页面底部，我在整个页面中有多个相对较短的内容部分。它们在单击时折叠并展开，（所以是的，如果我选择全部打开，那么似乎没有问题），当我在所有内容被 scrollspy 选中之前到达页面底部时，它会跳转到导航上的最后一个元素。

这似乎是一个没有更多可滚动区域的问题。 （也不能选择添加额外的空白填充来终止设计）

我在 body 中添加了 scrollspy，我的 body 没有添加高度值，offset 没有任何效果，除了开始突出显示的元素太早。

这是我的代码的 JSFiddle：http://jsfiddle.net/Abuu/sAUee/

    $( document ).ready(function() {
    $('body').scrollspy({ 'target': '#nav', 'offset': 10 });
});

我在 So 上只找到了一个类似的问题，但尚未得到解答： Bootstrap - Scrollspy scrolling skipping second to last section

提前致谢。

Answer 1

当部分不够大而无法占用显示空间时会发生这种情况，因此当页面上同时有几个部分时，ScrollSpy 默认为最后一个部分。据我所知，这只发生在页面的最后部分。

如果您为占用屏幕空间的每个部分添加高度，您会发现它可以正常工作。