【jQuery】ホバーすると開閉し、タッチデバイスを判定してクリック開閉に変わるメガメニュー

[ ID : 11714 ]
シルバー
【jQuery】ホバーすると開閉し、タッチデバイスを判定してクリック開閉に変わるメガメニュー
実装目安
3分

概要

matchMediaを使用し、ホバーかタッチデバイスかを判定できるメガメニュー

用途・要件

  • 多階層のグローバルナビなどに利用。
  • ホバーでサブナビゲーションの開閉。
  • PCホバー開閉でタブレット時にもタッチで開閉が可能

検証ブラウザ

  • Google Chrome(最新)
  • Microsoft Edge(最新)
  • Firefox(最新)
  • Safari(最新)

その他

  • jQuery v3.6.4使用。

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

全ての記事を見る

KONOCODEのメリット 無料会員登録