當涉及到一個粘滯的導航欄怪異的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錯誤

回答

相關問題