Question

所以我有一个网站，你可以看到here。我的粘性导航栏存在问题，当我滚动到页面底部时，它会闪烁。

当我的JS就是这样时，它的工作不会闪烁：

<script>
    $(document).ready(function() {
        $('#nav-wrapper').height($("#nav").height());
        $('#nav').affix({
            offset: 675
        });
    });
</script>

但是导航栏猛烈地跳了起来。但是当导航条是这样时，它不会跳转，但它会闪烁......

<script>
    $(document).ready(function() {
        $('#nav-wrapper').height($("#nav").height());
        $('#nav').affix({
            offset: $('#nav').height()
        });
    });
</script>

显然，我想要一个不会闪烁或跳跃的导航栏。我在FireFox，Chrome和Safari上检查了我的代码。请帮帮我！

Answer 1

快速回答：只需将您应用于＃nav.affix的相同css属性分配给＃nav.affix-bottom，即在homegrown.css中更改

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%
}

到

#nav.affix, #nav.affix-bottom {
    position: fixed;
    top: 0;
    width: 100%
}

解释：大多数解释都在this帖子中。但根据我的测试，我注意到，当你在页面末尾滚动的地方..闪烁发生了b / c .affix-bottom正在突然应用到你的#nav div ..所以我只是给了.affix-bottom .affix相同的属性..所以div没有突然发生变化..希望这有帮助！

当谈到粘性导航栏时，奇怪的JS错误

1 个答案: