URL: https://www.opennet.ru/cgi-bin/openforum/vsluhboard.cgi
Форум: vsluhforumID8
Нить номер: 5643
[ Назад ]

Исходное сообщение
"Сделать fixed относительно тега div"

Отправлено dimau , 25-Мрт-08 19:38 
В IE можно легко реализовать:
.target {
    background-image:url(grid/column_deadspace.gif);
    position:relative;
    top: expression(eval($('parentDiv').scrollTop)+'px');
        left: 0px;
}

<div id="parentDiv" style="overflow:auto;width:100%;height:100px">
<div class="target" id="Target">
blah blah blah
</div>
blah
blah
blah
</div>


т.е. хочется чтобы если слой parentDiv начнет прокручиваться (из-за длины), то слой Target всегда был бы в начале слоя parentDiv, а не уходил наверх за пределы его видимости?
В IE это решается top: expression(eval($('parentDiv').scrollTop)+'px');
А вот в firefox как сделать не знаю.


Содержание

Сообщения в этом обсуждении
"Сделать fixed относительно тега div"
Отправлено klubben , 27-Мрт-08 15:18 
.target {
    position: absolute;
    top: 10px;
    left: 0px;
}
<div id="parentDiv" style="position: relative">
    <div class="target" id="Target">
        blah blah blah
    </div>
    <div style="overflow:auto;width:100%;height:100px;">
        blah<br />blah<br />blah<br />blah<br />
        blah<br />blah<br />blah<br />blah<br />
        blah<br />blah<br />blah<br />blah<br />
        blah<br />blah<br />blah<br />blah<br />
    </div>
</div>

кроссбраузерно, в ешаке не будет дергаться при прокрутке