Position eines div relativ zu dem Fenster?

Versuchen zu finden, die position eines div, relativ zum Fenster. Ich habe ein horizontales div und ich will den Links-Wert relativ zum Fenster. Also Wenn ich scrollen, das zweite div-Element auf der linken Seite des Fensters, es wird gelesen "0".

Nicht sicher, ob dies möglich ist, ohne einem übergeordneten div. Hier ist mein fiddel: http://jsfiddle.net/FSrye/

edit: es funktionieren sollte, wie dies ohne einen übergeordneten div.

http://jsfiddle.net/FSrye/1/

so würde Sie lieber die body? ein Elternteil ist erforderlich
Was meinst du? Das Dokument ist eine andere Größe als das Fenster.

InformationsquelleAutor wesbos | 2011-05-10

  1. 9

    Versuchen Sie die Berechnung als eine Funktion der position des Elements relativ zu dem scroll-position des Fensters: http://jsfiddle.net/va836/

     var position = $('selector').position().left - $(window).scrollLeft();

    möglicherweise müssen Sie auch Faktor in der position relativ zu anderen Elementen, wenn es nicht ein top-level element.

    Eigentlich ist es sogar noch einfacher-benutzen Sie einfach offset() und weglassen der Berechnung der Eltern.

    var position = $('selector').offset().left - $(window).scrollLeft();
    ahh, gute Lösung! Versuchen Sie es jetzt 🙂
    Für dein Beispiel könnte man verwenden post.position().left + $('#wrapper').position().left - $(window).scrollLeft() -- oder die Entfernung des Elements von der Kante des Fensters minus des aktuellen Abstand der Fenster gescrollt werden Links.
    es ist sogar einfacher mit offset().
    Noch besser, danke 🙂

    InformationsquelleAutor tvanfosson

  2. 1

    Ich denke, dass Sie verwenden können, scrollLeft() auf das Fenster, um die horizontale scroll-Betrag.

    Ich habe versucht, dies zusammen mit der position() und offset()
    Hm, dann denke ich, ich habe deine Frage missverstanden.

    InformationsquelleAutor Paul Sham

Schreibe einen Kommentar