Только вертикально липкий HTML div

Question

Можно ли сделать div вертикально липким, но не липким по горизонтали? cheers Ali

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 является вашим другом в этом случае, но я не знаю, как это может и не может быть вертикально липкий в то же время ...