Div der følger siden
Jeg bruger nedenstående script til at få en div til at følge siden.Mit problem er at jeg gerne vil have den til at starte 300 px fra toppen.
Den skal altså aldrig kunne komme tættere på den absolutte top på siden end 300px.
Kan dette lade sig gøre?
<html>
<head>
<title>TEST</title>
<style type='text/css'>
#myChaser { position:absolute; left:200px; top:0px; width:250px; color:#555555;
font-family:verdana, arial, sans-serif; font-size:12px; }
body { margin:0px; }
</style>
</head>
<body>
<div id='myChaser'>Denne tekst følger dig.</div>
<script language='javascript'>
var Chaser =
{
// you set these paramaters!
hover : 50,
divisor : 6,
callRate: 55,
layer : document[document.all ? "all" : "layers"]["myChaser"]
}
Chaser.paint = function() {
targetY = (document.all ? document.body.scrollTop : window.pageYOffset) + Chaser.hover;
currentY = document.all ? Chaser.layer.style.pixelTop : Chaser.layer.top
difference = currentY - targetY;
decrement = Math.round(difference / Chaser.divisor);
if (document.all)
Chaser.layer.style.pixelTop -= decrement
else
Chaser.layer.top -= decrement
}
window.setInterval("Chaser.paint()", Chaser.callRate)
</script>
<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>
