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