只有垂直粘HTML分區

Question

是否有可能使垂直粘性但不水平粘性？ 歡呼聲 阿里

Answer 1

你在純粹的CSS這樣做的唯一機會涉及position: fixed屬性，但這需要基於窗口不變的偏移量。

您可以用位的jQuery做到這一點很簡單，如果你熟悉JavasSript庫：

$(window).bind('scroll resize', function() { 
    $('#the-sticky-div').css('top', $(this).scrollTop()); 
}); 

這一點需要一些CSS也使其能夠工作：

#the-sticky-div { 
    position: relative; 
} 

DEMO：http://jsfiddle.net/marcuswhybrow/SYqXJ/23/

Answer 2

我認爲，如果你將元素的絕對位置，然後只設置其頂部爲零，它應該只能堅持頂部。

Answer 3

我無法理解的矛盾報表，所以我會回答的第一個;）

position: fixed是你在這種情況下的朋友，但我不知道它如何，不能垂直粘在同一時間...