Ende der Seite erkennen

Computer: Software & Programmierung JavaScript & Script-Sprachen
1

Hi,

ich bräuchte mal einen Tipp für JavaScript. Und zwar geht es um folgendes, bei Facebook wird der Feed nachgeladen, wenn das Ende der Seite erreicht ist. Wie kann ich diese Funktionalität in JavaScript erstellen? Ich bräuchte ein Event, mit dem man erkennt, ob das Ende der Seite erreicht wurde. Entweder in normal JavaScript oder jQuery.

Lg Knerd

2

Hallo Knerd,

das kann man mit Hilfe von jQuery relativ einfach realisieren.
Grundlage ist ein Code-Schnippsel, der zyklisch (alle paar Millisekunden) aufgerufen wird (setInterval()). In diesem fragst du einfach die Scrollposition des aktuellen Fensters ab (via der jQuery Funktionen height() und scrollTop()) und loest dann die entsprechende Funktion aus.

http://docs.jquery.com/CSS/height
http://docs.jquery.com/CSS/scrollTop

Gruss
Stefan

3

Hi,
ich hab das schon gelöst, über diese Funktionen:

$(window).scroll(function () {
 if (elementInViewport(scrollIndicator)) {
 pageOnfocus();
 }
});
function elementInViewport(el) {
 var top = el.offsetTop;
 var left = el.offsetLeft;
 var width = el.offsetWidth;
 var height = el.offsetHeight;

 while (el.offsetParent) {
 el = el.offsetParent;
 top += el.offsetTop;
 left += el.offsetLeft;
 }

 return (
 top \>= window.pageYOffset &&
 left \>= window.pageXOffset &&
 (top + height) 

Allerdings lädt er dauerhaft weiter, wenn ich einmal Ende angekommen bin. Kannst du mir da vllt. helfen?

Lg Knerd