从下面的滚动 div 中剪切一个固定的 div答案

【问题标题】：clip a fixed div from a scrolling div underneath从下面的滚动 div 中剪切一个固定的 div
【发布时间】：2016-12-07 08:54:04
【问题描述】：

我有一个固定的标题，我只想在它位于特定图像之上时显示它。

当用户滚动时，我希望固定标题开始隐藏，因为图像在其下方滚动

      <Header 
        position=fixed
        clip-path=url(#clip-stage.id)> Fixed Header RED
      </Header>
      <Slide
       position=absolute
      >
       <svg 
        position=absolute
       >
        <defs>
            <clipPath id=clip-stage.id}>
              <rect 
                x=0 y=0 height=100% width=100%
              />
            </clipPath>
        </defs>
       </svg>
    </Slide>

**添加伪css代码供参考**

我尝试在每个对我不起作用的背景图像周围创建一个 clipPath，并相信一些溢出技巧可能会起作用。

【问题讨论】：

标签： html css overflow css-position clip-path

【解决方案1】：

我建议使用 Bootstrap 并构建一个快速导航栏。您可以轻松编码或复制和粘贴一些 JS，这些 JS 会在滚动时隐藏导航栏。

为此的 css 将是：

display:none;

重点是 Bootstrap 让这一切变得更加简单！

【讨论】：

我不想隐藏在滚动条上，我希望文本仅在其覆盖在相应图像上时才可见。感谢您在这方面帮助我