Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   [решено] Оптимизация JS скрипта (http://forum.oszone.net/showthread.php?t=152931)

System Failure 11-10-2009 22:24 1240308

Оптимизация JS скрипта
 
Доброго времени суток!

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

HTML код:

<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 1240362

Лучше основываться на position: fixed. гугл

System Failure 12-10-2009 21:29 1241255

вот что значит самостоятельное изучение - такие простые вещи, а не знал.... сидел, колесо изобретал :)


Время: 06:43.

Время: 06:43.
© OSzone.net 2001-