当涉及到一个粘滞的导航栏怪异的JS错误

所以我有一个网站，你可以看到here。我的粘滞导航栏存在问题，因为当我滚动到页面底部时，它会闪烁。当涉及到一个粘滞的导航栏怪异的JS错误

当我的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上检查了我的代码。请帮帮我！

来源

2013-02-13 Brian

请发布一个小代码样本来重现，否则这个问题将不会对其他人有太大的用处。 – Nix 2013-02-13 04:16:04

人们不想阅读整个html页面。通过举一个小例子，你可以很容易地发现问题。 – allenhwkim 2013-02-13 04:43:40

“附加”插件是否将导航栏的“位置”更改为“固定”？ – 2013-02-13 05:21:27

快速回答：只分配给你施加＃nav.affix到＃nav.affix底即homegrown.css变化相同的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的相同属性。。这样就不会发生突然的变化..希望这有助于！

来源

2013-02-13 07:53:03 abbood

太棒了！谢谢你的帮助！ – Brian 2013-02-13 18:37:44

嘿，很高兴！很棒的网站btw ..和好名字:) – abbood 2013-02-13 18:54:05

当涉及到一个粘滞的导航栏怪异的JS错误

回答

相关问题