« 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-Snippet. Das Snippet und jQuery müssen daher schon in den Browser geladen sein.

Code-Beispiel:

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

Weiterlesen ...« Scroll to top »
Weiches scrolling mit jQuery

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.