从下面的滚动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使这一切变得更加容易！