html - スクロールバーを表示している間、ホバーを続けます

Question

このメニューを使用すると、特定のアイテムにカーソルを合わせると、新しいアイテムのリストがドロップダウンされます。このリストがブラウザウィンドウよりも大きい場合があるため、リスト全体を表示するには、ページを下にスクロールする必要があります。問題は、マウスリーチャーがスクロールバーに到達すると、メニューがホバー機能を失うことです。私はそのできるだけ早く修正する必要があります、何か提案はありますか？

ありがとう。

Answer 1

ユーザーがマウスをメニューの外に移動する必要がある場合は、自然に閉じる必要があります。メニューを短くするか、メニュー自体をスクロールするかを試してみてください。

Answer 2

メニュー項目にカーソルを合わせる代わりに、onclickイベントを実行する必要があります。これにより、クリックするとメニューが表示され、ユーザーがメニューをもう一度クリックすると、サブメニューが非表示になる可能性があります。これにより、ページを下にスクロールしても、サブメニューが表示されたままになります。

ところで、これは、メニューをNathanMacInnesのようなサブメニューに分割できないことを前提としています。