Internet Explorer javascript 滾動功能問題

Question

我的代碼如下：

var lastScrollTop = 0;
window.addEventListener("scroll", function(){ 
var st = window.pageYOffset || document.documentElement.scrollTop; 
if (st > lastScrollTop){
   $('.sticky').addClass('insight');
} else {
  $('.sticky').removeClass('insight');
}
lastScrollTop = st;
}, false);

預期結果出現在 Chrome、FF、Edge 中：當頁面向下滾動時，類“insight”被添加到類“sticky”的元素中，並保持在那里，直到用戶在頁面上向上滾動。

在資源管理器中，向下滾動時也會添加“洞察力”，但當向下滾動運動停止時，它會立即刪除。 什么可能導致這種情況？

就像瀏覽器在滾動完成時有一個額外的滾動事件？

Answer 1

在 Internet Explorer 中，我不明白為什么向下滾動它也會變成其他條件。

我改變了向上滾動的條件，所以它工作正常。

var lastScrollTop = 0;
 window.addEventListener("scroll", function(){
 var st = window.pageYOffset || document.documentElement.scrollTop;
if (st > lastScrollTop){
  $('.sticky').addClass('insight');
} else if (st < lastScrollTop) {
  $('.sticky').removeClass('insight');
}
lastScrollTop = st;
}, false);