Menü beim Scrollen mitverschieben
Schnapp
- javascript
Hi zusammen!
Ich würde gerne mein in JavaScript geschriebenes Menü immer in der linken oberen Ecke meines Hauptframes stehen haben, auch wenn im Frame nach unten gescrollt wird.
Kann mir bitte jemand mit Tips helfen, das zu realisieren?
Würd mich sehr darüber freuen.
Grüße,
Ben
Hi zusammen!
Ich würde gerne mein in JavaScript geschriebenes Menü immer in der linken oberen Ecke meines Hauptframes stehen haben, auch wenn im Frame nach unten gescrollt wird.
Dafür gibt es die Positionierung "fixed", siehe http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position
Da der M$IE dafür nach wie vor zu blöd ist, musst du eventuell auf eine Javascript-Version ausweichen. Schau dir mal den Quelltext von folgenden Beispielen an:
LG Orlando
Hi zusammen!
hallo
Ich würde gerne mein in JavaScript geschriebenes Menü immer in der linken oberen Ecke meines Hauptframes stehen haben, auch wenn im Frame nach unten gescrollt wird.
Kann mir bitte jemand mit Tips helfen, das zu realisieren?
ich kann dir code geben:
<script language="JavaScript">
<!--
function setVariables() {
if (document.layers) {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else if (document.all){
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
}
else if (document.getElementById){
y="window.pageYOffset";
}
}
function checkLocation() {
object="navigation";
yy=eval(y);
if (document.getElementById)
document.getElementById("navigation").style.top=yy
else
eval(dS+object+sD+v+yy)
setTimeout("checkLocation()",10);
}
//-->
</script>
dieses [^] skript in den <head> einfügen
------
<body OnLoad="setVariables();checkLocation();" ......>
das [^] ist dann dein <body>
------
<div id="navigation" style="position:absolute; justify:50%; bottom:0px; width:auto; height:auto; z-index:100; left: 0px; top:0px">
//* DEIN MENU KOMMT HIERHIN *//
</div>
------
allerdings kannst du so warscheinlich in dem dokument keine anderen layer mehr verwenden.
Würd mich sehr darüber freuen.
gerne :)
Grüße,
zurück
Ben
stefan
ps: das ganze ist aus nem bestehenden dokument rauskopiert, vielleicht musst du noch ein bisschen anpassen oder so.