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

Question

我试图以 50% 的不透明度显示 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 alternative to window.scrollY?