ユーザーがスクロールするときに、選択したドロップダウンボタンの横にドロップダウンリストメニューを貼り付けるにはどうすればいいですか？

Question

私はthisページで私のアプリケーションと同様の問題が発生しました。ユーザーがドロップダウンリストを選択すると、ドロップダウンメニューが開きます。しかし、ユーザーがページを下にスクロールすると、ドロップダウンメニューは同じ位置にあります。

解決方法

ありがとうございます。

Answer 1

私は最近、この種の問題に直面しました。

私はmouseenter、mouseleaveイベントを使用しました。

$(".menu-open") 
    // not necessary 
    .mouseenter(function() { 
    $(this).show(); 
    }) 
    // you must put this to hide menu when user leaves the menu 
    .mouseleave(function() { 
    $(this).hide(); 
    }); 

上記のコードを使用すると、ユーザーがメニューからカーソルを移動するとすぐにメニューが非表示になります。

メニューがもっと必要ないときに閉じると気にしないように、ユーザーにとっても良い経験になるでしょう。しかし、ユーザーがメニューをもう一度クリックして閉じることができない場合は、それを閉じるようにしてください。

私はあなたの与えられたものと同じです。 link.

また、ユーザーが特定の値までスクロールしたようにスクロールイベントを使用すると、メニューが開いているかどうかを確認して非表示にすることができます。