Smooth Scroll – sanftes scrollen mit jQuery

Sanftes scrollen zu einem Ankerpunkt

Dieses Script fügt auf Basis von jQuery einen sanften Scroll-Effekt zu einem gesetzten Ankerpunkten  hinzu:

Dem Link, der bei einem Klick zum gesetzten Ankerpunkt führt, muss die Klasse „softscroll“ zugewiesen werden, dann scrollt die Seite smooth zur gewünschten Stelle.

Back-to-Top Button mit sanften Scroll-Effekt

Nachfolgende Code-Schnipsel erzeugen einen Button, welcher beim Herunterscrollen einer Webseite erscheint und bei einem Klick darauf zurück zum Anfang der Seite scrollt:

jQuery

 HTML

 CSS

In diesem Beispiel wird der Button am rechten unteren Bildschirmrand eingeblendet.