Форум Сайтостроение Веб-строительство

Плавающий блок - нужна помощь

D
На сайте с 28.06.2008
Offline
1101
Dram
363

Есть плавающий блок, вот его код

<div style="width:180px;" id="advleft">
РЕКЛАМА
</div>

<script type="text/javascript">
window.addEvent('domready', function() {
var sTop = $('advleft').getCoordinates().top + 100;
window.addEvent("scroll", function() {
if (window.XMLHttpRequest) {
if (document.documentElement.scrollTop > sTop || self.pageYOffset > sTop) {
$('advleft').setStyle("position", "fixed");
$('advleft').setStyle("top", "0px");
} else if (document.documentElement.scrollTop < sTop || self.pageYOffset < sTop) {
$('advleft').setStyle("position", "static");
}
if (self.pageYOffset + document.documentElement.clientHeight > document.documentElement.scrollHeight) {
$('advleft').setStyle("position", "static");
}
}
});
});
</script>

Мне нужно чтобы он пропадал, при прокрутке вниз. Сейчас он пропадает - ноо логику работы я понять не могу. Можете расшифровать код?

Где прописано условие скрытия блока и как его можно менять?

Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#1
var sTop = $('advleft').getCoordinates().top + 100;
window.addEvent("scroll", function() {

вот тут, берет координаты и как раз про скрол написано.

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
D
На сайте с 28.06.2008
Offline
1101
Dram
#2

Я пробовал менять 100 на 500 - разницы не увидел. Что 100 обозначает?

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий