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
Hinterlasse einen Kommentar