Bei meinem neuesten Projekt für einen Esslinger Schlüsseldienst habe ich mit meinem Kunden eine responsive Onepage vereinbart. Ein kleines jQuery-Script übernimmt dabei das flüssige Scrollen beim Klick auf einen Menüpunkt.
Hier gibt es dieses wirklich einfach einzubauende ScrollIt.js Script
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>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.