Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Положение элемента на странице при прокрутке / 12 сообщений из 12, страница 1 из 1
06.05.2010, 09:01:11
    #36614478
Shturmovuk
Shturmovuk
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице при прокрутке
Доброго дня!

Подскажите, как сделать чтобы один элемент страницы появлялся при display="" в левом верхнем углу экрана независимо от текущего положения прокрутки страницы?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.05.2010, 09:12:25
    #36614494
krvsa
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
| Ответить | Цитировать | Написать  
06.05.2010, 09:27:49
    #36614523
EmilRegis
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
| Ответить | Цитировать | Написать  
06.05.2010, 09:31:23
    #36614531
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице при прокрутке
то есть вместо
Код: plaintext
1.
top: expression(document.getElementsByTagName( 'body' )[ 0 ].scrollTop +  200  + "px");
написать

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

Да, в Опере и Мозилле работает, спасибо! Хотя я сам не пойму как это работает :)
Про display:
Просто я к тому, что этот элемент всегда лежит на форме с dispay="none", а нужно чтобы он при смене на display="" показывался всегда в одном месте.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.05.2010, 09:44:19
    #36614559
Shturmovuk
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
| Ответить | Цитировать | Написать  
06.05.2010, 09:46:06
    #36614564
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице при прокрутке
Shturmovukkrvsa
Но в ИЕ6.0 не работает... И про display="" я тоже не понял...

Да, в Опере и Мозилле работает, спасибо! Хотя я сам не пойму как это работает :)
Про display:
Просто я к тому, что этот элемент всегда лежит на форме с dispay="none", а нужно чтобы он при смене на display="" показывался всегда в одном месте.
забей на display:none в твоём случае можно использовать visibility:hidden
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.05.2010, 10:06:01
    #36614607
EmilRegis
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
| Ответить | Цитировать | Написать  
06.05.2010, 10:21:27
    #36614656
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице при прокрутке
ShturmovukХотя я сам не пойму как это работает :)
Это работает "по определению".

ShturmovukПро display:
Просто я к тому, что этот элемент всегда лежит на форме с dispay="none", а нужно чтобы он при смене на display="" показывался всегда в одном месте.
Значит то что тебе написали и есть решение для тебя.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.05.2010, 10:23:23
    #36614663
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице при прокрутке
EmilRegisдля IE6 лекарство
Спасибо.
[записал себе в секретную книжечку]
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.05.2010, 10:35:48
    #36614687
EmilRegis
EmilRegis
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице при прокрутке
krvsa, ты сам помоему в какой-то теме ссылку кидал на сайт, я это оттуда и взял))))
http://www.xiper.net/html-and-css-tricks/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.05.2010, 11:01:14
    #36614751
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Положение элемента на странице при прокрутке
EmilRegis , так я же не весь его читал.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Положение элемента на странице при прокрутке / 12 сообщений из 12, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 517ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1453128]:
 0ms
get settings:
 11ms
get forum list:
 15ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 200ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 229ms
total:  517ms
x
x
Закрыть


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