Полезная информация

Список ответов на каверзные вопросы можно получить в FAQ-разделе форума.

№126-03-2008 12:45:31

dima_u
Участник
 
Группа: Members
Зарегистрирован: 26-03-2008
Сообщений: 6
UA: Firefox 2.0

Позиция fixed не относительно body, а относительно DIV

Вот код (работает в IE благодаря expression):
.target {
    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">
...
</div>

много строк...
....

</div>


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

Отсутствует

 

№226-03-2008 12:57:57

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508
UA: Sunrise 1.6

Re: Позиция fixed не относительно body, а относительно DIV

expression - это JavaScript, его можно и в других браузерах использовать. Но это нетехнично.
Добавляйте еще один div.
Это будет выглядеть так:
В коде страницы

Выделить код

Код:

div+
   +div
   +div

В стилях Вы прописываете position: relative; для охватывающего, высоту и overflow: auto; для первого вложенного, и position: absolute; с координатами для второго вложенного. Из любви к эстетике можете второму вложенному еще z-index: 10; добавить.
Тогда первый вложенный будет прокручиваться под вторым независимо от него.

Отсутствует

 

№326-03-2008 13:15:09

dima_u
Участник
 
Группа: Members
Зарегистрирован: 26-03-2008
Сообщений: 6
UA: Firefox 2.0

Re: Позиция fixed не относительно body, а относительно DIV

Класс, работает!
Спасибо!

Отсутствует

 

№426-03-2008 17:51:55

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508
UA: Sunrise 1.6

Re: Позиция fixed не относительно body, а относительно DIV

Не за что

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]