Question

我有以下代码可以在滚动后使用一个div。它适用于除IE（8,9或10）之外的所有现代浏览器。

有什么快速解决方法吗？非常感谢。

<script>
//turns sidebar into fixed scrolling
var header = document.querySelector('.stickySidebar');
var origOffsetY = header.offsetTop;

function onScroll(e) {
  window.scrollY >= origOffsetY ? header.classList.add('sticky') :
                              header.classList.remove('sticky');
}

document.addEventListener('scroll', onScroll);
</script>

Answer 1

IE 8不支持addEventListener，您必须使用attachEvent（请参阅：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener#Compatibility）

示例解决方法（从MDN页面修改）：

if (el.addEventListener) {
  el.addEventListener('scroll', onScroll); 
} else if (el.attachEvent)  {
  el.attachEvent('onscroll', onScroll);
}

修正了滚动div拒绝坚持使用IE浏览器

1 个答案: