jQuery-標題從頭部進入粘滯導航欄時向下滾動

Question

如何在滾動向下時在粘性導航欄中製作較小的img圖標。

我在找的東西就像這個網頁http://bungobox.com/。

我得到了關於如何使其固定的部分，但除此之外，我似乎無法找到一種方法。

非常感謝您的回答。

Answer 1

我做基本的例子給你，

檢查：http://jsfiddle.net/mehmetakifalp/pt4vB/

$(window).scroll(function(){ 
    $(".headLogo").css("height","60px"); 
    $(".headLogo").css("background","#ff0000"); 
    $(".headLogo").css("position","fixed"); 
}); 

邏輯是這樣的：

• 當向下滾動的窗口中，找到類和編輯一些CSS屬性 -

如果你能計算電子郵件位置，你可以管理CSS。例如當滾動位置== 0時，刪除舊的CSS屬性。

此外，請檢查此頁面; 1- jQuery - Sticky header that shrinks when scrolling down 2- http://jquery-plugins.net/tag/sticky-scroll 3- http://jsfiddle.net/HbVte/1/embedded/result/

你的谷歌白癡： 「粘頭」