The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]

форумы  помощь  поиск  регистрация  майллист  вход/выход  слежка  RSS
"Сделать fixed относительно тега div"
Вариант для распечатки  
Пред. тема | След. тема 
Форумы WEB технологии (Public)
Изначальное сообщение [ Отслеживать ]

"Сделать fixed относительно тега div"  
Сообщение от dimau (??) on 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 как сделать не знаю.

Высказать мнение | Ответить | Правка | Cообщить модератору

 Оглавление

Сообщения по теме [Сортировка по времени | RSS]


1. "Сделать fixed относительно тега div"  
Сообщение от klubben email(ok) on 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>

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

Высказать мнение | Ответить | Правка | Наверх | Cообщить модератору

Архив | Удалить

Индекс форумов | Темы | Пред. тема | След. тема
Оцените тред (1=ужас, 5=супер)? [ 1 | 2 | 3 | 4 | 5 ] [Рекомендовать для помещения в FAQ]




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру