Menü Schließen

jQuery – mittels JavaScript zu einem Element per ID animiert scrollen

jQuery Logo

Situation:

Für eine Programmierung brauchte ich etwas mehr Komfort und habe einen “Sprung” von einem “Edit-Botton” auf den zu editierenden Bereich “Verwaltung”, weit unten in der Seite,  erstellt. Der Vorteil, der Benutzer braucht nicht mehr weit nach unten zu scrollen / blättern und gelangt zudem mit einem netten Effekt langsam nach unten.

HTML-Auszug:

<legend id=”verwaltung“>Verwaltung</legend>

JS.Datei:

jQuery(‘html,body’).animate({scrollTop: jQuery(‘#verwaltung’).offset().top},’slow’);

Der jQuery Befehl lässt sich noch ausbauen und ändern. Infos : https://api.jquery.com/animate/

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert