-
Вебмастеру
(
http://forum.oszone.net/forumdisplay.php?f=22)
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>
Не удовлетворяет то, что при скроллинге этот объект всё время мерцает и передвигается как бы рывками. Как сделать чтобы объект перемещался более плавно, синхронно со скроллом?Уточню, что само передвижение не должно быть заметно. Этот объект должен как бы прилипать к нижней границе. Заранее благодарю.
|
Лучше основываться на position: fixed. гугл
|
System Failure |
12-10-2009 21:29 1241255 |
вот что значит самостоятельное изучение - такие простые вещи, а не знал.... сидел, колесо изобретал :)
|
Время: 06:43.
© OSzone.net 2001-