穿越一些點

Question

我想更新時滾動條跨越某些時候一些數據，只有當運行某些一段代碼，它看起來像這樣：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') 
    } 
}); 

在上面的代碼的問題是，國際單項體育聯合會執行每次滾動條在106px以下或106px以上。我只想在穿過線時執行其中的一些。所以基本上我只想在從左到右過渡時做一些事情，而我只想在從右向左過渡時做一些事情。如何實現這樣的結果？提前致謝！

Answer 1

所以加一個布爾

var hasRun = false; 

，並把它添加到檢查

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