jquery滾動與斷點觸發不一致

Question

我試圖以30px的增量進行文本顯示。

if (($('.browser-window').scrollTop()%30)==0){ 
     alert('should trigger'); 
} 

有時，我滾動得太快，錯過了滾動斷點（30,60,90）。使滾動始終觸發的最佳做法是什麼？

Answer 1

您會希望使用比較大的數據來捕捉您從未完全打過數字的情況。

以下是一個跟蹤哪些斷點已被觸發的例子，所以它們每次只觸發一次。

（外）您onScroll事件之前：

var num_triggers = 0; 

在你onScroll事件：

if ($('.browser-window').scrollTop() > 30 * (num_triggers + 1)){ 
     alert('triggered'); 
     num_triggers++; 
}