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