Layer mit nach unten Scrollen | Mozilla Problem...

[Xsi]

Ich will, das ein Layer bei einer längeren Seite mit nach unten scrollt....
Im Grunde hab ichs ja soweit funktionstüchtig oder Mozilla macht probleme.

Hat einer evtl. Ahnung und kann mir helfen? Bin absolut Ratlos [wenn jmd. ne ganz andere lösung hat würde ich sie auch gerne sehen ]

hier... drum gehts....

das wäre der layer um den es geht

<div id="scraper" style="position: absolute; left: 800px; top: 0px; text-align: center; z-index: 1;">
guck mal<br>
ich gehe dahin<br>
wo du<br>
guckst<br>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

und das die Funktion

<script language="JavaScript1.2" type="text/javascript">
<!--
IE = (document.all);
NS = (navigator.appName=="Netscape" && navigator.appVersion >= "4");
if (IE) {var NM=scraper.style}
if (NS) {var NM=document.scraper}

yPos = 0;
lastYPos = yPos;

if (IE) {NM.pixelTop=yPos}
if (NS) {NM.top=yPos}

function moveScrapper() {
if (IE) {winY = document.body.scrollTop}
if (NS) {winY = window.pageYOffset}
if (IE) {y = NM.pixelTop}
if (NS) {y = NM.top}
if ((IE||NS) && y-winY!=yPos) {
smooth = .04 * (yPos-(y-winY));
if (smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) {
NM.pixelTop+=smooth;
lastYPos=NM.pixelTop;
}
if (NS) {
NM.top+=smooth;
lastYPos=NM.top;
}
}
setTimeout('moveScrapper()',1);
}

setTimeout('moveScrapper()',1);
//-->
</script>

 

[ein schlauer]

Für den Mozilla reicht das position: absolute; in: position: fixed; zu ändern, der braucht kein Skript für sowas.

 

[Xsi]

ja, aber dann hat man nicht mehr diesen coolen, smoothen abbrems Effekt man ende ....
den ich gerne hätte...

 

[Xsi]

die javascript konsole im firefox gibt aus:

"NM has no properties"

 

[Xsi]

ich hab das problem jetzt gelöst....falls es noch jmd interessiert...

<script type="text/javascript">
(function(element,el_left,D){
D=document
el_left=800
el_top=8
with(D.getElementById('scyscraper').style){
top=el_top+'px'
left=el_left+'px'
}
el_left_start=el_top_start=0
})()
function el_move(ydiff){
with(document){
ydiff=el_top_start-(body.scrollTop||documentElement.scrollTop)
if(ydiff)el_top_start-=~~(ydiff/10)
getElementById('scyscraper').style.top=el_top_start+el_top+'px'
}
}
elmove=setInterval("el_move()",10)
</script>