powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Положение элемента на странице при прокрутке
12 сообщений из 12, страница 1 из 1
Положение элемента на странице при прокрутке
    #36614478
Shturmovuk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Доброго дня!

Подскажите, как сделать чтобы один элемент страницы появлялся при display="" в левом верхнем углу экрана независимо от текущего положения прокрутки страницы?
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614494
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShturmovukПодскажите, как сделать чтобы один элемент страницы появлялся при display="" в левом верхнем углу экрана независимо от текущего положения прокрутки страницы?
Как вариант...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<html>
<head>
<style>
#cont {
	position: relative;
	width:  100 %;
	height:  200 %;
}
#box {
	position: fixed;
	top:  0 ;
	left:  0 ;
	width: 100px;
	height: 200px;
	border: 1px solid;
}
</style>
</head>
<body>
<div id='cont'>
	<div id='box'>
	</div>
</div>
</body>
</html>

Но в ИЕ6.0 не работает... И про display="" я тоже не понял...
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614523
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
для IE6 лекарство
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
body
{
    background:url(about:blank);
    background-attachment: fixed;
}

*html #box{ /*хак для ИЕ6*/
	position: absolute;
  	top: expression(document.getElementsByTagName( 'body' )[ 0 ].scrollTop +  200  + "px");
	width: 100px;
	height: 200px;
}

...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614531
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
то есть вместо
Код: plaintext
1.
top: expression(document.getElementsByTagName( 'body' )[ 0 ].scrollTop +  200  + "px");
написать

Код: plaintext
1.
top: expression(document.getElementsByTagName( 'body' )[ 0 ].scrollTop +  "px");
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614556
Shturmovuk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa
Но в ИЕ6.0 не работает... И про display="" я тоже не понял...

Да, в Опере и Мозилле работает, спасибо! Хотя я сам не пойму как это работает :)
Про display:
Просто я к тому, что этот элемент всегда лежит на форме с dispay="none", а нужно чтобы он при смене на display="" показывался всегда в одном месте.
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614559
Shturmovuk
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
EmilRegisдля IE6 лекарство
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
body
{
    background:url(about:blank);
    background-attachment: fixed;
}

*html #box{ /*хак для ИЕ6*/
	position: absolute;
  	top: expression(document.getElementsByTagName( 'body' )[ 0 ].scrollTop +  200  + "px");
	width: 100px;
	height: 200px;
}



Спасибо, и это отлично работает!
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614564
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Shturmovukkrvsa
Но в ИЕ6.0 не работает... И про display="" я тоже не понял...

Да, в Опере и Мозилле работает, спасибо! Хотя я сам не пойму как это работает :)
Про display:
Просто я к тому, что этот элемент всегда лежит на форме с dispay="none", а нужно чтобы он при смене на display="" показывался всегда в одном месте.
забей на display:none в твоём случае можно использовать visibility:hidden
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614607
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
кстати, рекомендуется вместо хаков использовать условные комментарии, поэтому лекарство лучше переписать так
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<style>
#box {
	position: fixed;
	top:  0 ;
	left:  0 ;
	width: 100px;
	height: 200px;
	border: 1px solid;
}
body
{
    background:url(about:blank);
    background-attachment: fixed;
}
</style>
<!--[if IE 6]>
	<style>
		.main p{ /*хак для ИЕ6*/
			position: absolute;
			top: expression(document.getElementsByTagName( 'body' )[ 0 ].scrollTop + "px");
			height: 150px;
		}
	</style>
<![endif]-->
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614656
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShturmovukХотя я сам не пойму как это работает :)
Это работает "по определению".

ShturmovukПро display:
Просто я к тому, что этот элемент всегда лежит на форме с dispay="none", а нужно чтобы он при смене на display="" показывался всегда в одном месте.
Значит то что тебе написали и есть решение для тебя.
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614663
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
EmilRegisдля IE6 лекарство
Спасибо.
[записал себе в секретную книжечку]
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614687
EmilRegis
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa, ты сам помоему в какой-то теме ссылку кидал на сайт, я это оттуда и взял))))
http://www.xiper.net/html-and-css-tricks/
...
Рейтинг: 0 / 0
Положение элемента на странице при прокрутке
    #36614751
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
EmilRegis , так я же не весь его читал.
...
Рейтинг: 0 / 0
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Положение элемента на странице при прокрутке
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]