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

Question

我试图以5％的不透明度显示5我网站的标题（标题和导航将与它后面的幻灯片重叠）。 当用户向下滚动页面时，我希望页眉区域保持锁定在网页顶部，并消除不透明度。 我找到了一个可以修改的示例。 它适用于除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替代window.scrollY？