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

Question

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

此代码可以在浏览器中运行!但是当第一次单击标题 2(或标题 3 或标题 4)时，页面应该滚动到标题 2(或标题 3 或标题 4)上。

offsetHeight value = 120;

see Live demo

see jsfiddle demo

Answer 1

这是因为您将导航栏设置为固定向下滚动(在 y > 90 之后)。因此，当导航栏固定时，您需要折扣其高度。

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

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

JSFiddle