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>
Не удовлетворяет то, что при скроллинге этот объект всё время мерцает и передвигается как бы рывками. Как сделать чтобы объект перемещался более плавно, синхронно со скроллом?Уточню, что само передвижение не должно быть заметно. Этот объект должен как бы прилипать к нижней границе. Заранее благодарю.
Имеется некий скрипт, суть которого заключается в прижимании некого объекта к нижней границе видимой области документа:
<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>
Не удовлетворяет то, что при скроллинге этот объект всё время мерцает и передвигается как бы рывками. Как сделать чтобы объект перемещался более плавно, синхронно со скроллом?Уточню, что само передвижение не должно быть заметно. Этот объект должен как бы прилипать к нижней границе. Заранее благодарю.