Bootstrap scrollspy 仅在第二次单击时获取高度偏移

我用 bootstrap 3.2.1 制作了一个页面，并在该页面中使用了scrollspy。在第一次单击菜单中，滚动页面的偏移高度不起作用，但第二次单击后，偏移高度起作用。

该代码可以在浏览器中运行！但当第一次单击标题 2（或标题 3 或标题 4）时，页面应滚动到标题 2（或标题 3 或标题 4）。

offsetHeight value = 120;

观看现场演示

请参阅 jsfiddle 演示

这是因为您将导航栏设置为固定向下滚动（在 y > 90 之后）。所以你需要discount导航栏固定时的高度。

根据您的代码，您需要一个动态值，实现此目的的一种方法是使用具有相同参数的函数。导航栏的高度为 30px，因此您需要添加它。

function offsetHeight() {
  if ($(window).scrollTop() > 90) {
    return 120;
  }
  else {
    return 150;
  }
}; 

JSFiddle