2011-01-06 53 views
2


是否有可能使垂直粘性但不水平粘性? 欢呼声 阿里只有垂直粘HTML分区

+4

什么的... – 2011-01-06 04:06:41

+1

真的..真的?!? – jondavidjohn 2011-01-06 04:07:31

+1

什么会导致它水平移动?只是初始布局,还是你期望元素在页面布局改变时来回推送它? – Phrogz 2011-01-06 04:09:01

回答

5

你在纯粹的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/

2

我认为,如果你将元素的绝对位置,然后只设置其顶部为零,它应该只能坚持顶部。

3

我无法理解的矛盾报表,所以我会回答的第一个;)

position: fixed是你在这种情况下的朋友,但我不知道它如何,不能垂直粘在同一时间...