Layer wenn man das Ende der Seite erreicht hat

[HeAdLeSs]

Hallo,

ich sehe immer öfter einen Layer auf einer Seite der erst Aufgeht wenn man das Ende der Seite erreicht hat. (Habe gerade keinen Beispiellink zu Hand)

Wie macht man sowas? Hat dafür jemand einen Codeschnipsel?

Diese Form der Werbung finde ich sehr gut, das es nicht so sehr nervt und man erst mit der Werbung konfrontiert wird wenn man die Seite schon durch hat.

Thanks.
HeAdLeSs

[wuda]

Das geht per javascript. Ich glaube es gibt da so ein verstecktes Event. Heißt glaub ich onscroll oder so ähnlich. Ich hoffe das hilft dir weiter.

Gruß, wuda

[dacapo]

meinst du sowas?
https://www.easy-coding.de/blog/user-1. ... 0&pageNo=2

[dudu78]

Unter dem link finde ich auch nichts, aber der javascript Code dafür ist relativ einfach. jQuery library laden und einen der folgenden Codeschnipsel in die Seite setzen (Beispiel: https://mashable.com/2012/03/08/interna ... ddle-east/)

User hat Ende der Seite erreicht:
<script>
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("ENDE DER SEITE ERREICHT");
}
});
</script>

User hat fast das Ende der Seite erreicht (100px vom Ende):
<script>
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
alert("FAST AM ENDE");
}
});
</script>

Statt der alert-Funktion setzt du halt dein div-Layer auf sichtbar, lässt es reinfliegen oder was dir sonst so lustiges einfällt.

Lieben Gruß
D

[HeAdLeSs]

Hallo,

sorry für die späte antwort.

Danke dudu78... das war genau der Tip den ich brauchte. JQuery + scroll funktion ist das zauberwort. Damit funktioniert es