Wie finden Sie die element-position relativ zu den Eltern zu scrollen sichtbar

Ich habe ein div mit der Menge der Elemente im inneren, und die overflow: scroll. Dann möchte ich in der Lage sein, zu scrollen, das N-te element in der Ansicht. Ich Geige, aber ich finde nicht den Ausdruck, mit dem die element-position relativ zum übergeordneten.

http://jsfiddle.net/bortao/NXcTK/

Ich habe versucht, sowohl el.position().top und el.offset().top aber Sie funktionieren nicht.

Hinweis: h /2 ist also das element in der Mitte positioniert den div.

  • Das problem ist cont.animate({scrollTop: (elementTop + h)});. Sie wollen, um zu subtrahieren h, nicht hinzufügen. Sieht aus wie Sie, können auch wollen, fügen Sie die Hälfte der Höhe des Elements sowie. Also cont.animate({scrollTop: (elementTop - h)});. P. S. el.position().top ist richtig in diesem Fall.
  • ich habe das gemacht und jetzt funktioniert es aber nur, wenn die Bildlaufleiste ist in der Ausgangsstellung.
  • hab es jetzt, vielen Dank
InformationsquelleAutor ariel | 2014-04-11
  1. 4

    Für eine stabile Lösung, die funktionieren würde, unabhängig von der offsetParent (was ändert sich mit dem Wert der position Attribut) würde ich mit offset() statt position():

    cont.animate({scrollTop: cont.scrollTop() + (el.offset().top - cont.offset().top)});
    InformationsquelleAutor dlauzon
  2. 9

    Ok hab es... nur hatte, um die aktuellen scrollTop() zu.

    http://jsfiddle.net/bortao/NXcTK/1/

    var cont = $("#container");
var el = $(cont[0].children[index]);
var h = cont.height() / 2;
var elementTop = el.position().top;
var pos = cont.scrollTop() + elementTop - h;
cont.animate({scrollTop: pos});
    • Diese Antwort geht davon aus, dass die offsetParent des div-du bist scrollen, um das div, dass ist überfüllt. Siehe @dlauzon Antwort für eine Antwort, die immer funktioniert.
    InformationsquelleAutor ariel
Schreibe einen Kommentar