Horisontal scrolling
Hey eksperter!Jeg har et lille problem - sikkert utrolig lille, men jeg kan ikke gennemskue det selv.
Jeg vil gerne have min absolutte positionerede div til at flytte sig med den horisontale scrollbar.
Jeg har før brugt dette script til vertikal scrolling, men jeg mangler lige en hånd til at omskrive til horisontalt. Jeg tænker umiddelbart der er nogle x'er og nogle y'er der skal byttes rundt på, men det virker ikke :)
---------------------------------------------------------
SCRIPT:
---------------------------------------------------------
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('snav'+i)) {document.getElementById('snav'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function FloatNav(id, sx, sy)
{
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
var px = document.layers ? "" : "px";
window[id + "_obj"] = el;
if(d.layers)el.style=el;
el.cx = el.sx = sx;el.cy = el.sy = sy;
el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
el.floatIt=function()
{
var pX, pY;
pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
document.documentElement && document.documentElement.clientWidth ?
document.documentElement.clientWidth : document.body.clientWidth;
pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop;
if(this.sy<0)
pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
document.documentElement.clientHeight : document.body.clientHeight;
this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
this.sP(this.cx, this.cy);
setTimeout(this.id + "_obj.floatIt()", 3);
}
return el;
}
---------------------------------------------------------
HTML:
---------------------------------------------------------
<script language="JavaScript">
<!--
FloatNav("navfollower", 60, 20).floatIt();
-->
</script>
---------------------------------------------------------
CSS:
---------------------------------------------------------
#navfollower{
position:absolute;
left:60px;
top:20px;
width:916px;
height:70px;
z-index:99;
}
...help ;)
pft. Kim
