Steuern der Anzahl der Pixel beim Scrollen

Question

Ich möchte eine Nachricht warnen, nachdem ich 300 Pixel scrollen und dann eine weitere Nachricht, nachdem ich scroll Pass 600 Pixel.

Aber im Moment ist es nur Alarm, wenn ich 300 Pixel scrollen. meine js

hier:

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

Hoffnung, die Sie helfen können.

Answer 1

Sie haben zwei Variablen verwenden hasBeenTriggedAt300 und hasBeenTriggedAt600 So etwas wie folgt aus:

var hasBeenTrigged300 = false; 
var hasBeenTrigged600 = false; 

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

Answer 2

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