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”
danke
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?
hallo! Was muss ich machen um ein nach unten button mit slide effekt hinzubekommen??
super geil
scrollposition nennt man auch zeile 😉
@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;
}
gutes vid, Daumen hoch
@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?
Tolles Video, ich habe wieder etwas gelernt. Ich finde es gut, dass du jeden Schritt so ausgiebig erklärst. Wer sich deine bisherigen Videos angesehen hat, kann jetzt schon ein wenig Javascript.
@htmlworld aber was ist nun mit meiner zweiten Frage?
@htmlworld seltsam die klappt. Vielleicht sollte ich meine Seite erst online stellen und es dann versuchen.
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.