JQuery Mobile de l'Utilisateur de faire défiler vers le bas

Avec le code suivant, je suis en train d'essayer de trouver lorsque l'utilisateur fait défiler vers le bas de la page. En JQuery mobile.

$(window).scroll(function(){
     if($(window).scrollTop() == $(document).height() - $(window).height()){
          alert("The Bottom");
     }
});

Pour l'instant je suis juste le vouloir à la sortie qu'ils ont atteint le fond.

Mon problème est que quand le site de charge, il affiche ce message. Quand je scroll vers le bas, il va alors la sortie de l'alerte.

Est-il un moyen de l'arrêter, de le faire pour que lorsque la page est chargée et que le faire lorsque l'utilisateur a physiquement défiler la page?

Grâce

OriginalL'auteur Rory Standley | 2012-02-15

  1. 7

    Est-ce parce que votre contenu est plus courte que votre page? Ce qui signifie que lors du chargement, vous êtes déjà au fond. J'ai essayé de reproduire votre problème ici http://jsfiddle.net/qESXR/2/ et il se comporte comme vous le souhaitez. Cependant si j'ai raccourcir le contenu et l'exécuter en local sur ma machine, j'obtiens le même résultat que vous avez.

    Si oui, vous pouvez vérifier la hauteur de la page vs la hauteur de votre code html à l'aide de ces

    $(window).height();   //returns height of browser viewport

$(document).height(); //returns height of HTML document

    comme ceci:

    $(window).scroll(function(){
    if($(document).height() > $(window).height())
    {
        if($(window).scrollTop() == $(document).height() - $(window).height()){
          alert("The Bottom");
        }
    }
});
    Oui, les données sont chargées dans dynamiquement. ainsi, le chargement initial, il est vide, mais une fois que les données sont insérées dans les DOM, il est évident qu'elle se développe.
    On dirait que vous devez ajouter le défilement de façon dynamique une fois que vous chargez le contenu. Si donc, ici, est une bonne ressource stackoverflow.com/questions/4306387/...
    Merci beaucoup! cela a été la conduite de m'en fou!!
    pourriez-vous peut-être poster la solution dont vous avez fini avec? Merci!
    thank u pour le code.... il travaille 🙂

    OriginalL'auteur davehale23

  2. 1

    Le problème est que jQuery Mobile widget de la page traite chaque "page" de la fenêtre autant que le défilement se passe. Pour détecter lorsque l'utilisateur a fait défiler jusqu'à la fin, lier la fonction de défilement à $(document) à la place:

    http://jsfiddle.net/5x6T2/

    $(document).scroll(function () {
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
        alert("Bottom reached!");
    }
});

    OriginalL'auteur Mark Boulder