Seite 1 von 1
Layer wenn man das Ende der Seite erreicht hat
Verfasst: 24.02.2012, 14:25
von 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
Verfasst: 27.02.2012, 11:46
von 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
Verfasst: 27.02.2012, 13:15
von dacapo
Verfasst: 09.03.2012, 11:39
von 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
Verfasst: 17.04.2012, 11:12
von 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
