Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

Zurück zur Übersicht

jQuery/JS Funktion: Seiten-Scroll zu einem Element

#Tutorials#jQuery

Ich habe hier eine kleine Helper-Funktion für jQuery. Mit dieser Funktion kann man einfach ein Element ansprechen und sagen, dass der Viewport zu diesem Element scrollen soll. Mit dem Parameter addition kann man noch etwas mehr Abstand hinzufügen, damit das Scrollen nicht direkt am oberen Bildschirmrand hängt.

/*
* Short helper function to scroll to an element
*
*/
$.fn.scrollView = function (addition) {
    if(!parseInt(addition,10)) {
        addition = 0;
    }
    return this.each(function () {
        $('html, body').animate({
            scrollTop: $(this).offset().top - addition
        }, 200);
    });
}

// Usage
$('myelement').scrollView();
$('myelement').scrollView(100); // for an offset with 100px

Kommentare

Es gibt noch keine Kommentare. Sei der Erste!

Hinterlasse einen Kommentar

Antworten abbrechen

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

Kommentar wird gespeichert
Danke für deinen Kommentar! Sobald er freigegeben wurde erscheint er hier.