頂部的固定導航欄

我想在滾動後將導航欄修正爲頂部。我想要在着陸頁滾動後修復導航欄。是否有可能在滾動中檢測出課程，然後在課程之後進行修正。頂部的固定導航欄

$(window).scroll(function(){ 
 
    var sticky = $('nav'), 
 
     scroll = $(window).scrollTop(); 
 

 
    if (scroll >= 100) sticky.addClass('fixed'); 
 
    else sticky.removeClass('fixed'); 
 
});

html,body { height:100%; } 
 
.one,.two,.three { min-height:100%; } 
 

 
nav { background:green; } 
 

 
.fixed { 
 
    background:red; 
 
    position: fixed; 
 
    top:0; left:0; 
 
    width: 100%; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="one"> 
 
    <nav> 
 
    NAVBAR 
 
    </nav> 
 
    1 
 

 
</div> 
 
<div class="two"> 
 
    2 
 
</div> 
 
<div class="three"> 
 
    3 
 
</div>

來源

2016-12-07 Shahil M

如果您使用該插件不介意，這裏是您的解決方案。

Sticky JS

粘性是一個jQuery插件，讓你的能力，以讓你的頁面上的任何元素始終保持可見。

來源

2016-12-07 05:55:30 MiKE

頂部的固定導航欄

回答

相關問題