div im sichtbaren bereich?

[Maik20]

Hallo,

gibt es eine Möglichkeit in JS zu prüfen ob ein div mit der id=x im aktuell sichtbaren Bereich des Browserfensters liegt. Bsp. ich platziere ein div ganz oben auf der Seite und der Nutzer scrollt runter und clickt auf einen Link. Dann möchte ich quasi wiessen ob das div oben noch zu sehen ist oder eben außerhalb des Fensters liegt.

Geht das?

 

[Gumbo]

Die Eigenschaften HTMLElement.offsetTop und HTMLElement.offsetLeft liefern dir den Versatz. Wenn dieser innerhalb der Werte von window.innerWidth und window.innerHeight befindet, ist das Element (zumindest teilweise) im sichtbaren Bereich.

 

[Maik20]

Danke für den Tip.

In meinem IE sagt er nur bei:

alert(window.innerWidth);

Undefined

Gibts hier ggf. ein Problem mit dem IE? Oder verwende ich es falsch?

 

[Maik]

http://de.selfhtml.org/javascript/objekte/window.htm#inner_width

mfg Maik

 

[Maik20]

Danke für den Link,

aber irgendwie verstehe ich das nicht so ganz:
Ein document.documentElement.clientHeight liefert immer 624. Wie kann ich denn damit prüfen ob das div nun im Bereich ist oder nicht. Scrollt der Nutzer die Seite runter und ist das div nicht mehr zu sehen liefert document.documentElement.clientHeight immernoch 624.

 

[Gumbo]

Du hast recht. Dann musst du noch window.scrollX und window.scrollY mit einbeziehen.