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

在互联网资源管理器中，我不明白为什么在向下滚动时它会转向其他条件

我改变了向上滚动的条件，所以它工作正常可能会对你有帮助。

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);

Internet Explorer javascript滚动功能问题

1 个答案: