jQuery alerte après 100 pixels défile

Est-il possible de déclencher une alerte après qu'un utilisateur fait défiler 100 pixels.

Voici ce que j'ai jusqu'à présent mais je sais que je suis absent quelque chose;

$(window).scroll(function() {
    if (document.documentElement.clientHeight + 
        $(document).scrollTop() == "100px")
    { 
        alert("You've scrolled 100 pixels.");
    }
});
Qu'est-ce que le résultat de ce code?

OriginalL'auteur Jay | 2012-02-21

  1. 45

    Regardez par la fenêtre .scrollTop (retourne un entier):

    $(window).scroll(function() {
    if ($(this).scrollTop() === 100) { //this refers to window
        alert("You've scrolled 100 pixels.");
    }
});

    mais si vous avez défile 102px il l'habitude de déclencher la boîte d'alerte.

    si vous voulez juste pour déclencher l'alerte une fois, avoir une variable globale qui définit à true si elle a été initiée:

    $(function(){
    var hasBeenTrigged = false;
    $(window).scroll(function() {
        if ($(this).scrollTop() >= 100 && !hasBeenTrigged) { //if scroll is greater/equal then 100 and hasBeenTrigged is set to false.
            alert("You've scrolled 100 pixels.");
            hasBeenTrigged = true;
        }
    });
});

    ou tout simplement détacher l'événement scroll, une fois que la boîte d'alerte a été déclenché:

    $(function(){
    $(window).bind("scroll.alert", function() {
        var $this = $(this);
        if ($this.scrollTop() >= 100) {
            alert("You've scrolled 100 pixels.");
            $this.unbind("scroll.alert");
        }
    });
});
    Serait-il préférable d'utiliser $(this).scrollTop() >= 100 alors?
    Dépend, si il veux juste qu'il soit déclenché sur le nombre exact alors sa bonne. J'ai édité et ajouté un autre exemple aussi.
    vous pouvez utiliser du jQuery () la fonction qui automatiquement se délie de l'événement après le premier appel
    api.jquery.com/one déclenche qu'une seule fois, et si ses pas >= 100px il ne sera jamais à déclencher, donc je ne pense pas que c'est une bonne idée
    qui a travaillé un régal! Merci pour l'aide.

    OriginalL'auteur voigtan

  2. 0

    Essayez ceci:

    $(document).scrollTop() >= 100) {
    //...
}

    scrollTop() renvoie un entier. Cette version permettra d'évaluer à la vraie une fois que vous avez navigué jusqu' passé 100px, qui pourrait être plus approprié.

    OriginalL'auteur mdm

  3. 0

    essayer 

    document.documentElement.clientHeight + $(document).scrollTop() == 100

    OriginalL'auteur vtokmak