html - 从下面的滚动 div 中剪下一个固定的 div

Question

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

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

      <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，但这对我不起作用，并且相信一些溢出技巧可能会奏效。

Answer 1

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

这个的 css 是:

display:none;

重点是 Bootstrap 让这一切变得非常简单!