Schnapp: Menü beim Scrollen mitverschieben

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

  1. 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

  2. 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.