在滚动时折叠导航,但在使用页面锚点时也会开始折叠

时间:2014-09-03 12:22:08

标签: javascript jquery twitter-bootstrap

我有一个折叠导航,可以很好地滚动(添加修复导航高度的类)。但是,如果我使用锚点跳转到页面的另一部分,则导航开始展开。在Chrome中,导航会立即崩溃,但Firefox会在折叠前等待滚动。在这种情况下,有什么方法可以让导航器崩溃吗?这是我目前正在使用的:

$(window).scroll(function() {
    if ($(".navbar").offset().top > 50) {
        $(".navbar-fixed-top").addClass("top-nav-collapse");
    } else {
        $(".navbar-fixed-top").removeClass("top-nav-collapse");
    }
});

1 个答案:

答案 0 :(得分:0)

使用Javascript在一小段延迟后检查scrollTop并触发处理程序。

setTimeout(function(){
    if ($(document).scrollTop() > 0) {
        $(window).triggerHandler('scroll');
    }
}, 500);