- このトピックには5件の返信、2人の参加者があり、最後に
により2年前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
-
投稿
-
いつもお世話になっております。
「Snow Monkey Mega Menu」についての要望です。こちらのサイトでSnow Monkey Mega Menu（メガメニュー4）を「商品一覧」に使用しています。
たとえば、グローバルナビゲーションの「ホーム」から横にマウスをスライドさせて「店舗案内」を選択しようとした際、「商品一覧」の上を通りますが、「商品一覧」のメガメニューがチラっと一瞬だけ開きます。できれば、マウス通過による反応を回避して、確実に「商品一覧」にマウスを当てた場合だけメガメニューを開くようにしたいです。
200ms程度で良いと思いますが、遅延して反応するのがベターかと考えています。
この手のUIは考え方もさまざまあり、意図的に今の表示になっているかと思いますが、ご検討いただけると嬉しいです。いいねをした人: 居ませんJavaScript で開くタイミングを調整しようと思っていたのですが、CSS でやったほうがユーザー側でもタイミング調整しやすいかも？と思ってちょっとやってみています。
.p-global-nav .c-navbar__submenu[aria-hidden="false"] { transition-delay: 1s; } @media (hover: hover) and (pointer: fine) { .p-global-nav .c-navbar__item[aria-haspopup=true]:active:before, .p-global-nav .c-navbar__item[aria-haspopup=true]:focus:before, .p-global-nav .c-navbar__item[aria-haspopup=true]:hover:before { transition-delay: 1s; } }セレクタはちょっと調整が必要かもですが、こんな感じはどうでしょうか？
いいねをした人:@キタジマ さん
WordPress 6.1 のリリース間近のタイミングで対応していただきありがとうございます。
CSSでもいけるんですねー。調整しやすいという点で、CSSのほうがメリットがあると思います。
該当のサイトに反映して良い感じにできました！
トピックをCLOSEします！いいねをした人: 居ません確認ありがとうございます！ 一応まだセレクタをどうするかや CSS 変数を使うかなど考え中ですが、6.1 対応版の Snow Monkey v18.0.0 にこの CSS とほぼ同等なものを取り込もうと考えています。
いいねをした人:
6件の投稿を表示中 - 1 - 6件目 (全6件中)
- トピック「Snow Monkey Mega Menu が開くタイミングを少しだけ遅らせてほしい」には新しい返信をつけることはできません。