修復了滾動div拒絕停留在IE中的問題

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/zh-CN/docs/Web/API/EventTarget.addEventListener#Compatibility ）

變通的示例（在MDN頁面上修改）：

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