只有垂直粘性的HTML div

Question

是否有可能使div垂直粘,但不能水平粘？欢呼阿里

Answer 1

您在纯CSS中执行此操作的唯一机会涉及position: fixed属性,但这需要基于窗口的常量偏移.

如果您熟悉JavasSript库,可以通过使用一些jQuery来完成它:

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

这需要一些CSS才能使它工作:

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

演示: http ://jsfiddle.net/marcuswhybrow/SYqXJ/23/