|
|
|
|
<html>
<head>
<title>Fly DIV</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script type="text/javascript">
var lastScrollY = 10;
var percent;
var diffY;
function move()
{
diffY = document.body.scrollTop;
percent = 0.1 * (diffY - lastScrollY) + 30;
if(diffY != lastScrollY)
{
if (percent > 0) {
percent = Math.ceil(percent);
}
else {
percent = Math.floor(percent);
}
document.getElementById('flydiv').style.pixelTop += percent;
lastScrollY = lastScrollY + percent;
}
setTimeout("move()",1);
}
</script>
</head>
<body onload="move()">
<div id="content" style="width:100%;height:1000px;border:1px solid black;"></div>
<div id="flydiv" style="position: absolute; left: 200px;"><b>text text text text text text text text text text text text text text text text text text text text text</b></div>
</body>
</html>
|
Данный скрипт не работает в Firefox. Нашел решение, заменить document.getElementById('flydiv').style.pixelTop += percent; на document.getElementById("flydiv").style.top = percent + document.getElementById("flydiv").offsetTop + "px"; Но теперь он просто падает вниз и не держится посередине. Подскажите в чем ошибка? | |
|
|
|
|
|
|
|
для: aleksej_sumarok
(09.10.2009 в 16:15)
| | Внесите в выложенный вами код следующие изменения:
...
var lastScrollY = TT = 10;
...
else {
percent = Math.floor(percent);
}
TT += percent;
document.getElementById('flydiv').style.top = TT + 'px';
...
|
И ещё отмечу.
Вот так как написали выпишут только лохи.
"Нормальные пацаны" пишут так: :-) | |
|
|
|