Как зафиксировать <div> чтобы он не двигался при скроллировании? - Веб-программирование

24.04.2008, 19:39

Мне нужно чтобы на страничке определенные штуки не двигались при прокрутке вниз, то есть были всегда видны. как это сделать используя html , css , js ?

RaZEr · 24.04.2008, 23:37

Много способов. Обычно делают на JS - position=absolute + пересчёт top при onscroll.

25.04.2008, 12:27

Нашел какой то хитрый способ это сделать, не много модифицировал, протестил в IE , Opera , Mozilla вроде везде нормально работает
Делюсь, может кому пригодится
<BODY onload="func(true)">
<script>
function func (state)
{
document.body.style.background = 'url(n.gif) no-repeat';
document.body.style.backgroundAttachment = 'fixed';
if (!state) if (navigator) if (navigator.userAgent) if (navigator.userAgent.indexOf ('MSIE') != -1) document.location.reload();
}
</script>
<div style="PADDING-RIGHT: 10px; PADDING-LEFT:10px; Z-INDEX: 1000; RIGHT: 20px; PADDING-BOTTOM: 10px; WIDTH: 180; PADDING-TOP: 2px;POSITION: fixed;// POSITION: absolute; TOP: 10px; ; TOP: expression(document.getElementsByTagName( 'body' )[0].scrollTop < 850 ? 10 + document.getElementsByTagName('body')[0].scrollTop : '' + 'px'); HEIGHT: 30px; BACKGROUND-COLOR: #f5f5ea">
Этот блок </div>

PhoeniX · 25.04.2008, 23:14

а к чему такие сложности?
position=fixed прекрасно работает в ИЕ, Опере и фф, при условии что на странице правильно прописан DOCTYPE

Saruman · 25.04.2008, 23:57

Цитата:

Сообщение от PhoeniX

position=fixed прекрасно работает в ИЕ

аха, особенно в IE6 он просто замечательно работает

Hubbitus · 26.05.2008, 03:29

Цитата:

Сообщение от Saruman

аха, особенно в IE6 он просто замечательно работает

Ну для ИЕ, как водится, хаки, хаки, и для этого есть http://home.tampabay.rr.com/bmerkey/...ion-fixed.html

28.05.2008, 14:45

http://oriole.com.ru/

24.04.2008, 19:39	# 1
handsome Guest Сообщения: n/a	Как зафиксировать <div> чтобы он не двигался при скроллировании? Мне нужно чтобы на страничке определенные штуки не двигались при прокрутке вниз, то есть были всегда видны. как это сделать используя html , css , js ?

25.04.2008, 23:14	# 4
PhoeniX Advanced Member Регистрация: 12.05.2004 Пол: Male Сообщения: 482	а к чему такие сложности? position=fixed прекрасно работает в ИЕ, Опере и фф, при условии что на странице правильно прописан DOCTYPE __________________ Этот мир для таких, как мы, Этот мир обречен на нас, Но реальность не изменить, И живем мы в ней здесь и сейчас. (C) С.Маврин

28.05.2008, 14:45	# 7
maxja Guest Сообщения: n/a	Могу предложить поковыряться в этой странице http://oriole.com.ru/

24.04.2008, 23:37	# 2
RaZEr МОД-Оператор ЭВМ Регистрация: 18.04.2002 Адрес: Питер Сообщения: 4 343	Много способов. Обычно делают на JS - position=absolute + пересчёт top при onscroll.

25.04.2008, 12:27	# 3
handsome Guest Сообщения: n/a	Нашел какой то хитрый способ это сделать, не много модифицировал, протестил в IE , Opera , Mozilla вроде везде нормально работает Делюсь, может кому пригодится <BODY onload="func(true)"> <script> function func (state) { document.body.style.background = 'url(n.gif) no-repeat'; document.body.style.backgroundAttachment = 'fixed'; if (!state) if (navigator) if (navigator.userAgent) if (navigator.userAgent.indexOf ('MSIE') != -1) document.location.reload(); } </script> <div style="PADDING-RIGHT: 10px; PADDING-LEFT:10px; Z-INDEX: 1000; RIGHT: 20px; PADDING-BOTTOM: 10px; WIDTH: 180; PADDING-TOP: 2px;POSITION: fixed;// POSITION: absolute; TOP: 10px; ; TOP: expression(document.getElementsByTagName( 'body' )[0].scrollTop < 850 ? 10 + document.getElementsByTagName('body')[0].scrollTop : '' + 'px'); HEIGHT: 30px; BACKGROUND-COLOR: #f5f5ea"> Этот блок </div>

Опции темы
Версия для печати Отправить на email