carhartt^-
Legacy Member
Hey ppl,
Ik ben een site met horizontale scrollbalk only.
Nu had ik graag mij navigatie-menu mee zien floaten als je naar links of rechts scrolled.
Ik heb naar voorbeelden/tutorials gezocht waar je dit kan vinden maar ik vind enkel floating menu's die goed werken voor sites met verticale scrollbalken.
Ik probeer zo'n script dus om te vormen met width en height, left & top right en bottom, en x & y coördinaten, maar het lukt me maar niet. Kan iemand me helpen?
Of weet er iemand een site hierover?
allesinds bedankt!
mvg carh^-
Ik ben een site met horizontale scrollbalk only.
Nu had ik graag mij navigatie-menu mee zien floaten als je naar links of rechts scrolled.
Ik heb naar voorbeelden/tutorials gezocht waar je dit kan vinden maar ik vind enkel floating menu's die goed werken voor sites met verticale scrollbalken.
Ik probeer zo'n script dus om te vormen met width en height, left & top right en bottom, en x & y coördinaten, maar het lukt me maar niet. Kan iemand me helpen?
Code:
<div id="divTopLeft" style="position:absolute">
<table id="topbar">
<tr>
<td></td>
</tr>
</table>
</div>
<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(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()", 40);
}
return el;
}
JSFX_FloatDiv("divTopLeft", 23,0).floatIt();
</script>Of weet er iemand een site hierover?
allesinds bedankt!
mvg carh^-