« Scroll to top »
Weiches scrolling mit jQuery

Ein “Scroll to top”-Button oder “Scroll to top”-Link ist eine Bedienelement, das man immer häufiger auf modernen Websites findet.

Es vereinfacht die Navigation auf der besuchten Seite und löst ein scrollen zum Bildschirmanfang aus.

Dabei verbindet man einen Button oder einen Text mit einem jQuery-[tooltip tip=”ein kurzes Stück Quellcode”]Snippet[/tooltip]. Das Snippet und [tooltip tip=”Freie JavaScript-Bibliothek zur DOM-Navigation und -Manipulation.”]jQuery[/tooltip] müssen daher schon in den Browser geladen sein.

Code-Beispiel:

<span id="totop">zum Seitenanfang</span>

Weiterlesen ...

Prüfen ob jquery geladen ist

Manchmal steckt der Wurm drin und dann kann es hilfreich sein zu wissen, ob jquery tatsächlich zu einem bestimmten Zeitpunkt geladen ist, oder nicht.

Hier ein Script, das an der zu prüfenden Stelle eingegeben werden kann:

<script> 
 if (typeof jQuery != 'undefined') { 
 // jQuery is loaded => print the version
 alert(jQuery.fn.jquery);
 }
 </script>

Der alert-Befehl unterbricht die Ausgabe des html-Code und gibt (wenn geladen) die entsprechende jQuery Version in einem Dialogfenster aus.