blog.bartlweb - a technologist's external brain

mit jQuery animierter ToTop-Link

Ein Top-Link ist schnell umgesetzt, und kann mit Hilfe von jQuery leicht mit einer netten Animation versehen werden. Dabei springt die Seite beim Klick nicht nach oben, sondern scrollt sanft nach oben.

Neben jQuery wird noch das ScrollTo-Plugin benötigt welches Sie hier finden: http://demos.flesler.com/jquery/scrollTo/

Binden Sie das JavaScript-File ein und versehen Sie den ToTop-Link mit der ID "#totop".

jQuery("a#totop").click(function() {
  jQuery.scrollTo(0, 600);
});

Dieser Artikel hat dir deinen Tag gerettet?
... und mühevolles Probieren, Recherchieren und damit Stunden an Zeit gespart? ... oder einfach nur dein Problem gelöst?

Dann würde ich mich freuen, wenn Du meine Zeit für die Erstellung dieses Blogartikels mit einer kleinen Spende honorierst:

Kommentare

Noch kein Kommentar vorhanden.
Sei der Erste - ich freue mich über deine Anmerkungen, Kritik und Fragen.

Kommentar schreiben

Deine E-Mailadresse wird nur für Benachrichtigungen und Rückfragen verwendet und wird nicht veröffentlicht.

Benachrichtigungen können jederzeit wieder abbestellt werden.

Bitte tippe die Zahlenkombination "1227" ein, nur dann kann ich deinen Kommentar entgegennehmen.

Bitte fülle dieses Feld nicht aus, nur dann kann ich deinen Kommentar entgegennehmen.