半透明标题在滚动时变得不透明

Question

我试图以50％的不透明度显示我网站的标题（标题和导航将重叠显示在其后面的幻灯片）。当用户向下滚动页面时，我希望标题区域保持锁定到网页的顶部并删除不透明度。我找到了一个我能够修改的例子。它适用于IE以外的所有浏览器。有谁知道IE的解决方法？

window.addEventListener('scroll', function () {
 document.body.classList[
  window.scrollY > 20 ? 'add': 'remove'
 ]('scrolled');
});

以下是工作示例： https://jsfiddle.net/SEH5M/524/

干杯！

Answer 1

在IE中你需要使用：

 **window.document.documentElement.scrollTop** instead of **window.scrollY**.

在这里找到更多： IE8 alternative to window.scrollY?