2014-10-29 79 views
-4

我做了什麼,我試圖做一個說明後:http://i.imgur.com/aOAl6PN.png需要幫助堅持DIV頂部滾動過去,

這是我所期待的事:

  • 棒「#Stick到滾動過去'#Header'之後,「頂部」返回頁首。
  • 隱藏'#Stick To Top'直到滾動過去'#Header'。滾動回'#Header'時再次隱藏。

我該如何做到這一點?

+0

您可以使用jQuery-visible插件來測試頭部是否部分可見,然後適當調整樣式:http://jsfiddle.net/xyy4pdca/。 – DRD 2014-10-29 22:14:06

回答

0

我有一個類似的問題,我希望頭保持鎖定在屏幕的頂部。嘗試以下(未經測試)代碼。

if($(window).scrollTop() > Height_of_Header){ 
     //begin to scroll 
     $("#div").show(); 
     $("#div").css("position","fixed"); 
     $("#div").css("top",0); 
    } 
    else{ 
     //hide 
     $("#div").hide(); 
    }