2012-04-12 7 views
1

Ich bin in ein bisschen ein Problem hier versucht, diese herauszufinden. Ich habe bereits eine jquery-Funktion programmiert, die erkennt, wenn der Benutzer den unteren Rand der Seite erreicht und eine Funktion auslöst. Nun, während dies für die gängigsten Bildschirmgrößen in Ordnung ist, wird es nicht funktionieren, wenn der Benutzer einen Bildschirm hat, der so groß ist, dass die gesamte Seite gleichzeitig angezeigt wird, wodurch die vorherige Funktion nutzlos wird.Erkennen, ob Benutzer Browser-Höhe> = Seite Körper-Höhe

Was ich versuche zu erreichen, ist die Fallback für diese Fälle, wie kann ich feststellen, ob der Benutzer eine solche Bildschirmgröße hat, die die Funktion auslöst und den Rest dem anderen überlassen?

Besser erklärt: Wie erkennt man, ob die Browsergröße des Benutzers gleich oder größer als die Seitenkörperhöhe ist?

Entschuldigung, wenn das ein wenig verwirrend aussieht.

PS: Der folgende Code ist der, den ich verwende, wenn die Browserhöhe kleiner als die Seitenkörperhöhe ist.

if ($('body').height() <= ($(window).height() + $(window).scrollTop())) { 
     //run function here when the browser-height is smaller than 
     //the page's height and it has reached the bottom 
    } 

Antwort

5
if ($(document).height() <= $(window).height()) { } 

$ (document) .height(); // gibt die Höhe des HTML-Dokuments zurück

+0

Nun, das ist peinlich, Sie beide genau beantwortet, was ich wollte, aber ich werde Ihre Antwort wählen, weil Sie auch erste (sorry jorgebg) waren, ich liebe es, einfach und direkt, dank euch beide. – Shadow

+0

Auch, wenn ich möchte, dass es eine geringere Höhe als die echte erkennen, kann ich nur aus dem Dokument subtrahieren. Beispiel: if (($ (Dokument) .height() - 100) <= $ (Fenster) .height()) {} – Shadow

+0

Ja, Sie können das tun. – Ghokun

2

Verwenden Sie stattdessen die Dokumenthöhe.

if ($(document).height() <= $(window).height()) 
{..} 
Verwandte Themen