2013-05-02 9 views
9

Ich möchte oben auf der Seite, die die Seite nach oben scrollen sollte. Ich möchte jedoch, dass der Scrolling-Prozess einen animierten Effekt hat. Ich denke, es ist möglich, indem man animiert, aber keine Ahnung hat, wie?Zum Seitenanfang scrollen mit jquery animate

Bitte helfen. Dank

Antwort

33

Der Weg ist ziemlich einfach. Legen Sie eine Schaltfläche am unteren Rand der Seite und schreiben Sie eine Veranstaltung so etwas wie dieses

$('#spnTop').on("click",function() { 
    $('html, body').animate({ scrollTop: 0 }, 'slow', function() { 
     alert("reached top"); 
    }); 
}); 

Hier ist die fiddle für dieses

+1

meine Warnung ("erreichte oben"); wird zweimal aufgerufen. Ist es für euch auch dasselbe? – AliBZ

+1

Siehe diese Antwort über die doppelte Warnung. http://StackOverflow.com/a/9359619/83 –

+0

Sie werden wahrscheinlich eine 'event.preventDefault();' wenn Sie es für einen Link tun. – VDarricau

7

können Sie animieren die scrollTop Eigenschaft des html, body

$('html, body').animate({ 
    scrollTop: "0px" 
}, 800); 

Ich schlage vor, Sie tun etwas zu lesen Forschung/bevor Sie trivialen Fragen wie diese stellen. Google kann Ihnen helfen, bevor wir alle können.

+4

Und Google weist oft Überlauf für die Antwort zu stapeln. Alle Fragen/Antworten, trivial oder nicht, gehören hierher. –