Jquery 使用scrollspy时导航未正确高亮显示

Jquery 使用scrollspy时导航未正确高亮显示,jquery,css,twitter-bootstrap,scrollspy,Jquery,Css,Twitter Bootstrap,Scrollspy,你可以在这里看到我的发展- 当我单击导航栏中的链接时,页面会滚动到正确的点,但是链接没有突出显示,我必须设置一个偏移量 var offset = 111; $('.navbar li a').click(function(event) { event.preventDefault(); $($(this).attr('href'))[0].scrollIntoView(); scrollBy(0, -offset); }); 现在我的问题是,当我试图滚动页面时,

你可以在这里看到我的发展- 当我单击导航栏中的链接时,页面会滚动到正确的点,但是链接没有突出显示,我必须设置一个偏移量

var offset = 111;   
$('.navbar li a').click(function(event) {
    event.preventDefault();
    $($(this).attr('href'))[0].scrollIntoView();
    scrollBy(0, -offset);
}); 

现在我的问题是,当我试图滚动页面时,导航没有正确突出显示。在我穿过所需部分的中间部分后,它将突出显示。请帮助。

我添加了以下代码,并解决了它

$(window).load(function() {
    $('body').data()['bs.scrollspy'].options.offset = 113;
});

值113是通过反复试验获得的。

问题在于您的固定标题。 它的高度是111px,因此你的导航系统是混乱的。 使用偏移量或使标题不固定,无论您喜欢什么: