概要
【パス会員限定】使用頻度が高い基本的なSPメニュー付きのfixedヘッダーレイアウトを実装。SPメニュー開閉処理、SPメニューを開いた際の背景スクロール禁止処理、SPメニュー内のページ内リンクをクリックした際にメニューを閉じる処理のJS(jQuery)も記載しています。用途・要件
- 基本的なSPメニュー付きのfixedヘッダーレイアウトを実装。
- ハンバーメニューボタンのアニメーションあり。
- SPメニュー開閉のJS処理あり。
- SPメニューを開いた際の背景スクロール禁止のJS処理あり。
- SPメニュー内のページ内リンクをクリックした際にメニューを閉じるJS処理あり。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
その他
- jQuery v3.6.0使用。
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
