Text bleibt an einer gewissen Stelle stehen

  • Hi Leute,


    bitte schaut euch erstmal das Bild an.
    html-seminar.de/woltlab/attachment/349/


    Ich will es so programmieren, dass das Menü (Blutspenden, Das Projekt..) beim scrollen NUR bis zu den Strichen mitscrollt.
    Sprich das Menü dann stehen bleiben soll und man es dauerhaft sieht. Egal wie weit man dann noch runterscrollt.


    Ich stehe gerade total auf dem Schlauch, bin um 5:15 aufgestanden und weiß gerade nicht mehr weiter :p


    Kann mir jemand Tipps geben?

  • CSS
    position: fixed;


    hilft, scrollt aber nicht mit bis zum oberen Rand.
    Dafür musst du mit Javascript ran:


    JavaScript
    document.onscroll = function () { 
    var position = window.pageYOffset; 
    var hoeheUeberDerNavigation = 300; //musst du dann einstellen
    if (position > hoeheUeberDerNavigation) {
    document.getElementById('deineBox').style.top = position + 'px'; 
    }
    else {
    document.getElementById('deineBox').style.top = hoeheUeberDerNavigation+'px'; 
    }
    }


    Irgendwie sowas in der Art - ungetestet musst du vermutlich noch dran feilen.


    lg

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!