主页 / 问题 / 1004467
Accepted
Sergey
Asked:2020-07-19 06:33:39 +0000 UTC2020-07-19 06:33:39 +0000 UTC

是否可以隐藏对象后面的元素？

  • 772

我有一个透明的标题。当我滚动页面时，我想隐藏标题后面的元素。

例子

我可以跟踪元素的位置。

   out(window.addEventListener('scroll', async (event)=>{

    var scrolled = window.pageYOffset || document.documentElement.scrollTop;
    var centerX = document.documentElement.clientWidth / 2*0.7;
    var centerY = document.documentElement.clientHeight * 0.65;

    var elem = document.elementFromPoint(centerX, centerY);

    console.log(elem.shadowRoot.elementFromPoint(centerX, centerY))
    console.log(elem, centerX,centerY,  scrolled)

    }, false))

但这远非理想。有没有类似overflow:hidden;的css属性 恰恰相反，隐藏 ? 后面的元素

javascript

1 个回答

  1. Best Answer

    信不信由你，最正确的解决方案是设置标题的背景颜色。

    如果您需要在标题下显示图片，但其余元素不可见，您将不得不考虑它。例如，分层叠加（从底部开始）：1) 带有按钮和横幅的内容，2) 不透明的存根块，3) 具有相同横幅且没有其他内容的块，4) 标题。

    标题和上限保持原位，其余部分在滚动时移动。块号 3 在存根上方获得，内容在下方。从视觉上看，按钮会消失，但图片不会。

    附言 “公平的”。

    附言 但你描述的属性不是。

    • 2

相关问题