导航没有使用scrollspy正确突出显示

时间:2014-10-19 15:41:25

标签: jquery css twitter-bootstrap scrollspy

你可以在这里看到我的发展 - http://anspro.webminister.in/ 当我单击导航栏中的链接时,页面将滚动到正确的位置 - 但链接未突出显示,我必须设置偏移量

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

现在我的问题是,当我尝试滚动页面时,导航未正确突出显示。在我穿过所需部分的中途后,它会突出显示。请帮忙。

2 个答案:

答案 0 :(得分:0)

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

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

值113是在试错时实现的。

答案 1 :(得分:0)

问题是你的固定标题。 它的高度为111px,因此您的导航很混乱。 要么使用偏移量要么使标题不固定,无论你喜欢什么:)