javascript - Javascript ドロップダウン

Question

マウスオーバーでドロップダウンが開くJavaScriptを使用してドロップダウンを行いました。サイドメニューで使用しているので、ドロップダウンに移動すると、ドロップダウンアイテムが下のアイテムを超えるのではなく、下のアイテムを下に移動してスペースを空けることができます。

CSSのオーバーフローを削除することでこれを達成できましたが、これの問題は、Webページに入ると、マウスで上に移動するまでドロップダウンが完全に展開されることです。

Answer 1

CSSにoverflow：hiddenを残します。

メニューを表示する場合は要素style.overflow="visible"に追加し、再び非表示にする場合は要素でstyle.overflow="hidden"またはstyle.overflow=""を使用します。

Answer 2

ドロップダウンレイヤーの高さを取得/計算し（これが別のレイヤーにあると仮定）、この高さを下にあるメニュー項目ボックス要素に追加する必要があります（もちろん、ドロップダウンが表示されるかどうかを確認します）。