JavaScript Tutorial: Nach-oben Button mit Slide-Effekt | deutsch




In diesem Tutorial zeige ich euch, wie man einen ganz einfachen “nach oben” Button mit einem eleganten Slide-Effekt aufwerten kann.

Wenn Ihr Fragen oder Wünsche habt, dann schreibt mir ‘ne Nachricht…

Folgt mir auf Twitter:
http://twitter.com/#!/htmlworld

…oder auf facebook:
http://www.facebook.com/pages/HTMLworld/129205803816906

Intro by
1mPen ////////////////////////////////////////////////////////

Original source


12 responses to “JavaScript Tutorial: Nach-oben Button mit Slide-Effekt | deutsch”

  1. Wie mache ich es das egal wie weit ich unten bin, nur 1ne sekunde brauche bis ich oben bin. ALso egal ob ich 10000 px von oben entfernt bin, oder ob ich 10 px von oben entfernt bin?

  2. @htmlworld ich hab es ein bisschen anders gemacht und es geht in jedem Browser:-)
    script:
    function slide() {
    window.setTimeout("sliden()",0);
    return false;
    }
    function sliden() {
    while(document.body.scrollTop != 0)
    document.body.scrollTop = document.body.scrollTop – 100;
    }

  3. @htmlworld ich habe das ganze direkt danach eingefügt
    […]
    window.setTimeout("sliden()",30);
    }
    }
    konnte beim testen keinen Unterschied bemerken. Hab ich was falsch gemacht oder liegt es am code?

  4. Mir ist aufgefallen das, dass beim IE 9 nicht funktioniert. Hast du eine Erklärung dafür?
    Und kann man es nicht auch so machen das es, wenn es sich dem Top nähert langsamer wird?
    Aber gutes Tutorial hab alles verstanden.

Leave a Reply