jQuery和CSS可滾動然後延長固定標題

滾動向下時標題是固定的。但是，當滾動到頂部時，標題分離並且不再固定。我如何維護一個長時間的固定標題？jQuery和CSS可滾動然後延長固定標題

如何編輯jQuery或CSS代碼，或者我可以下載插件？

這裏是我立足的斷例如：http://www.chipotle.com/en-US/html/cultivate.html#fnd

2011-11-16 Tony

重複http://stackoverflow.com/questions/7013408/position-fixed-when-scrolled-passed-certain-amount-of-pixels/7013583＃7013583 –

謝謝，起初找不到它，但那很有幫助。 – Tony

是Lobstrosity的答案是我會一起去的。 –

以下的jQuery應該做到你在找什麼：

$(document).ready(function() { 

    $(window).scroll(function(e) { 
    if ($(window).scrollTop() > x) { 
     $('.stayStill').addClass("fixed"); 
    } else { 
     $('.stayStill').removeClass("fixed"); 
    } 
    }); 

});

x（應改爲數（即100， 120等））標記了div設置爲固定類別時從頂部開始的多少個像素。一旦這個人重新回到x像素以上，它將通過刪除固定的類別而恢復正常。

此外，.stayStill將代表您的導航欄，或任何你想要失速的課程。

您的固定類應包括以下的CSS：

position: fixed;

來源

2011-11-16 22:28:36

它不工作。任何想法爲什麼？我將該類更改爲'page-header2'，這是我的課程（從Twitter引導程序重命名），我也添加了CSS。也將像素更改爲100. – Tony

這不起作用。任何想法爲什麼？我將該類更改爲'.page-header2'，這是我的課程（從Twitter引導程序重命名），我也添加了CSS。還將像素更改爲100.頭部剛剛固定並且在滾動之後。它不附在窗戶上或彈回到位。 – Tony

這是我剛剛做的一個基本演示;希望這會有所幫助。 http://joshfoskett.com/jQuery/Scroll/ –

jQuery和CSS可滾動然後延長固定標題

回答

相關問題