Войти

Показать полную графическую версию : [решено] Оптимизация JS скрипта


System Failure
11-10-2009, 22:24
Доброго времени суток!

Имеется некий скрипт, суть которого заключается в прижимании некого объекта к нижней границе видимой области документа:


<html>

<head>
<script language="javascript" type="text/javascript">
function reposition()
{var frameHeight=640;
if (self.innerHeight) frameHeight = self.innerHeight;else if (document.documentElement && document.documentElement.clientHeight) frameHeight = document.documentElement.clientHeight;else if (document.body) frameHeight = document.body.clientHeight;

document.getElementById("floatableObj").style.top = frameHeight-document.getElementById("floatableObj").clientHeight+document.body.scrollTop;}

</script>

<title></title>

</head>

<body onload="reposition()" onscroll="reposition()" onresize="reposition()">

<div id="floatableObj" style="position: absolute; background-color:#FF8080">Some content here</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>

</html>


Не удовлетворяет то, что при скроллинге этот объект всё время мерцает и передвигается как бы рывками. Как сделать чтобы объект перемещался более плавно, синхронно со скроллом?Уточню, что само передвижение не должно быть заметно. Этот объект должен как бы прилипать к нижней границе. Заранее благодарю.

Sham
11-10-2009, 23:39
Лучше основываться на position: fixed. гугл (http://www.google.ru/search?hl=ru&rls=ru&newwindow=1&q=%2BCSS+Position+fixed+%D1%84%D0%B8%D0%BA%D1%81%D0%B0%D1%86%D0%B8%D1%8F+%D0%B1%D0%BB%D0%BE%D0%BA%D0 %B0&btnG=%D0%9F%D0%BE%D0%B8%D1%81%D0%BA&lr=lang_ru&aq=f&oq=)

System Failure
12-10-2009, 21:29
вот что значит самостоятельное изучение - такие простые вещи, а не знал.... сидел, колесо изобретал :)




© OSzone.net 2001-2012