• 文字サイズ
解決済

カーソルを合わせると現れるメニューについて

  • 相談者:非公開
  • 2019/03/12 09:39
お世話になります。

https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/

のように「もつ鍋」「水炊き」などにカーソルを合わせると
現れるメニューを実装するにはどのようにするかわかりますでしょうか?

色々、やってみましたがダメでした...。

上記のお店は下部にメニューが出るのですが
出来れば、カーソルを合わせた際に上側にメニューを出したいのですが...。

ヤフーにも同様に実装したいので汎用性があると助かります。

よろしくお願い致します。
投稿内容について報告する




  • 返信者:非公開
  • 2019/03/12 19:33
ECマスターズの田中です。

> 「もつ鍋」「水炊き」などにカーソルを合わせると
> 現れるメニューを実装するにはどのようにするかわかりますでしょうか? ………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/13 15:46
ありがとうございます。

頂いた情報を元に試行錯誤しているのですが
ドロップダウンメニュー内部にIframeを置くと
カーソルがiframe内に移動する………(省略)………
  • 返信者:非公開
  • 2019/03/13 21:24
ECマスターズの田中です。

iframe内は別のページとして扱われているため、
大本のページからマウスカーソルが外れたとみなして
:hover が適用………(省略)………
  • 返信者:非公開(質問者)
  • 2019/03/19 12:58
ありがとうございます。

Iframeを使わずに
なんとかそれっぽい感じのが出来ました!

一旦、運用してみてまた疑問点がありましたら
質問させて頂………(省略)………