概要
【jQuery】グローバルナビなどのメガメニューで、各メニューのメガメニューのHeightがプルダウンの高さに合わせてスムーズに調整される挙動の実装について。用途
- ヘッダーグローバルナビで高さの調整がスムースに挙動するメガメニューの実装。
仕様
- SP時はメガメニューがアコーディオンになる処理も同梱しています。
- jQuery バージョン3.6.0使用。
注意事項
- デバイス判定にis.jsを使用します。
- アニメーションの処理にVelocityJSを使用します。
- PC / SPの判定にjquery.breakpoints.min.jsを使用します。
- アニメーションのeasingにjquery-easingを使用します。
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)