下にスクロールしている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

ブートストラップを使用してクイックナビバーを作成することをお勧めします。スクロールでnavbarを隠すJSを簡単にコーディングしたり、コピー＆ペーストすることができます。

このため、CSSは次のようになります。

display:none; 

ポイントは、ブートストラップは、すべての本以上は非常に簡単になりますです！