2013-05-20 10 views
6

Ich bin auf der Suche nach einer Methode, um zu wissen, ob ein Objekt (als Div, a img usw.) angezeigt und vom Benutzer am Fenster in JavaScript/jQuery sichtbar ist.Wie kann ich feststellen, ob ein DOM-Objekt mithilfe von JavaScript das Fenster verlassen hat?

Wenn ich sage "wird angezeigt und sichtbar", dann scrollt der Benutzer die Seite nicht genug, um das Objekt sichtbar zu machen (Wenn Sie wissen, was ich meine). Aber wenn der Benutzer die Seite scrollt und das div nicht mehr sichtbar ist (ist aus dem Fenster), sollte die Funktion, nach der ich suche, das wissen.

+0

Überprüfen Sie nach ': visible' und': hidden' – karthikr

+0

Um festzustellen, ob es in der aktuellen Ansichtsfenster, finden Sie unter dieser Frage: http://stackoverflow.com/questions/123999/how-to-tell-if-a- dom-element-is-visible-im-aktuellen-viewport –

+8

http://meta.stackexchange.com/q/181040/34397 – SLaks

Antwort

9

Sie sollten Viewport selectors for jQuery verwenden, um zu überprüfen, ob das Element derzeit im tatsächlichen Ansichtsfenster sichtbar ist.

Here's a demo um Ihnen zu zeigen, was ich meine.

+1

Als jemand kam und einen Teil der Geschichte wegtrug, möchte ich Ihnen noch einmal für diese Antwort danken. Seit den letzten 3 Jahren bin ich immer noch so dankbar für Menschen wie Sie, die OPs wie Menschen behandeln, auch wenn ihre Frage komplett noob, dupliziert usw. war. Und diese Frage hat vielen Menschen gedient und ist weiterhin aktiv nach 3 Jahren. –

Verwandte Themen