概要
画面のスクロールに合わせて挙動するヘッダー。下スクロール時に上方に消え、上スクロール時に再び表示されます。用途・要件
- 一定量スクロールすると、発火。(150pxに設定していますが、任意に調整してください。)
- safariにおいて、最下部までスクロールするとヘッダーが表示されてしまうため、最下部より少し上まではヘッダーを非表示にして対応。(上にスクロールしても非表示のまま)
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Firefox(最新)
- Safari(最新)
その他
- jQuery v3.6.4使用。
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
