半透明的页眉在滚动时变得不透明

Semi-transparent header becomes opaque on scroll

本文关键字：不透明 滚动 半透明      更新时间：2023-09-26

我试图以50%的不透明度显示我的网站的标题(标题和导航将重叠在它后面的幻灯片)。当用户向下滚动页面时，我希望标题区域保持锁定在网页顶部，并去除不透明度。我找到了一个可以修改的例子。它适用于除IE以外的所有浏览器。有人知道IE的变通办法吗?

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

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

干杯!

在IE中你需要使用:

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

在这里找到更多信息:IE8替代window. scrollly ?

相关文章：