Интересно, нашел ли кто-нибудь решение для этого?
Я ищу решение для прикрепления элемента к вершине прокручиваемого контейнера
HTML:
<div class="container">
<div class="header">title</div>
<div class="element">......</div>
... (about 10-20 elements) ...
<div class="element">......</div>
</div>
все "элементы" имеют position:relative
,
контейнер имеет следующий CSS:
.container {
position:relative;
width:200px;
height:400px;
overflow-y:scroll;
}
Я хочу, чтобы заголовок оставался на вершине контейнера, независимо от его положения прокрутки и элементов, прокручиваемых снизу.
CSS пока:
.header {
position:absolute; /* scrolling out of view :-( */
z-index:2;
background-color:#fff;
}
.element{
position: relative;
}
все элементы являются блочными элементами, и я не могу перемещать заголовок вне контейнера. jquery на данный момент не является вариантом.