Führen Sie einige Stück nur von Code, wenn irgendwann

Question

Ich möchte einige Daten aktualisieren überqueren, wenn Scrollbar einen Punkt überquert, sieht es wie folgt aus: fiddle

var scrollElement = document.getElementById('scrollElement'); 
var line = document.getElementById('line'); 


scrollElement.addEventListener('wheel', function(e) { 
    this.scrollLeft += e.deltaY; 
    if (this.scrollLeft > 106) { 
    console.log('something') 
    } else if (this.scrollLeft < 106) { 
    console.log('something else') 
    } 
}); 

Das Problem in dem obigen Code ist, dass IFs ausgeführt werden, jedes Mal Die Bildlaufleiste ist unter 106 Pixel oder über 106 Pixel. Ich möchte einige davon nur ausführen, wenn ich die Grenze überquere. Im Grunde möchte ich nur etwas tun, wenn ich von links nach rechts gehe, und ich möchte nur etwas tun, wenn ich von rechts nach links gehe. Wie erreiche ich dieses Ergebnis? Danke im Voraus!

Answer 1

hinzufügen So ein boolean

var hasRun = false; 

und fügen Sie es dem Scheck

if(this.scrollLeft < 10 && !hasRun) { hasRun = true; }