Wie div erst einblenden, wenn an bestimmten Punkt gescrollt wird?

[simon1101]

Hallo,

ich habe eine Seite, die aus fünf übereinander angeordneten Bereichen besteht. Nun möchte ich ein div einblenden, wenn z.B. der dritte Bereich im Viewport ganz oben angekommen ist.

Wie das Einblenden funktioniert weiß ich, dass stelle ich mit JQuery fadeIn an, aber wie sage ich dem Script, dass es das nur macht, wenn ich an einer bestimmten Stelle bin?

Viele Grüße
Simon

 

[MyBad]

AW: Wie div erst einblenden, wenn an bestimmten Punkt gescrollt wird?

Hi! Du kannst die Position deines DIVs ermitteln und dann etsprechend einblenden. So müsste das eigentlich klappen.

http://api.jquery.com/category/offset/

 

[ans316]

AW: Wie div erst einblenden, wenn an bestimmten Punkt gescrollt wird?

Das würde mich auch mal interessieren .

Muss man mit den Augen an dem Punkt sein oder mit der Maus?

Vielleicht solltest Du von der XBox das Bewegungserkennungsmodul mit einbauen.

 

[simon1101]

AW: Wie div erst einblenden, wenn an bestimmten Punkt gescrollt wird?

Danke für den Hinweis. Gibt es dazu evtl. auch ein Tutorial?

@ans316: Bei mir klappt der Effekt eigentlich gut, wenn ich mit der Nasenspitze die Stelle an der das div eingeblendet werden soll auf einem externen Monitor berühre. Allerdings an mich herangetragen, dass diese Methode nicht so intuitiv sein?!

Gruß
Simon

 

[proximate]

AW: Wie div erst einblenden, wenn an bestimmten Punkt gescrollt wird?

Touchscreen oder? ;-)
Nein im ernst, den link von Mybad würde ich mal checken