nur eine Funktion ausgelöst, sobald auf Scroll (scrollstop)

Question

So, würde Ich mag nur einmal eine Funktion Feuer auf Spirale (durch eine Antwort Scrollstop Stackoverflow, da mit)

Das Problem ist, dass ich nicht bekommen, um die Funktion nur einmal auszulösen. Ich habe verschiedene Lösungen ausprobiert (.on(), setze einen Zähler, setze ihn außerhalb/innerhalb der window.scrollstop-Funktion), aber nichts hat funktioniert.

Ich glaube nicht, dass es schwierig ist, aber ... ich habe es bisher nicht geschafft, es zu arbeiten.

Hier ist das Plugin I

$.fn.scrollStopped = function(callback) {   
      $(this).scroll(function(){ 
       var self = this, $this = $(self); 
       if ($this.data('scrollTimeout')) { 
       clearTimeout($this.data('scrollTimeout')); 
       } 
       $this.data('scrollTimeout', setTimeout(callback,300,self)); 
      }); 
     }; 

bin mit und hier ist mein Code:

 $(window).scrollStopped(function(){ 
      if ($(".drawing1").withinViewport()) {  
       doNothing() 
       } 
      }) 


var doNothing = function() { 
      $('#drawing1').lazylinepainter('paint'); 
     } 

(der Zähler entfernt, da es nicht funktioniert)

Live demo here

PS: Die Funktion, die ich nur einmal machen möchte, ist die LazyPaint. Es beginnt, wenn wir zu dem Element blättern, aber es wird erneut ausgelöst, wenn es endet.

Answer 1

wie etwa eine Variable, um zu sehen, ob es vorher gefeuert wurde:

var fired = 0; 
$.fn.scrollStopped = function(callback) {   
      $(this).scroll(function(){ 
       if(fired == 0){ 
       var self = this, $this = $(self); 
       if ($this.data('scrollTimeout')) { 
        clearTimeout($this.data('scrollTimeout')); 
       } 
       $this.data('scrollTimeout', setTimeout(callback,300,self)); 
       fired = 1; 
       } 
      }); 
     }; 

Answer 2

Hier ist meine Version eine Funktion Feuer einmal von, während auf das Scroll-Ereignis hören:

var fired = false; 
window.addEventListener("scroll", function(){ 
    if (document.body.scrollTop >= 1000 && fired === false) { 
    alert('This will happen only once'); 
    fired = true; 
    } 
}, true) 

Answer 3

Wie wäre es damit Lösung?

function scrollEvent() { 
    var hT = $('#scroll-to').offset().top, 
    hH = $('#scroll-to').outerHeight(), 
    wH = $(window).height(), 
    wS = $(this).scrollTop(); 
    if (wS > (hT+hH-wH)){ 
    console.log('H1 on the view!'); 
    window.removeEventListener("scroll", scrollEvent); 
    } 
} 
window.addEventListener("scroll", scrollEvent);