Javascript下拉菜单

Question

我用JavaScript做了一个下拉列表，鼠标停在下拉列表打开的地方。现在，由于我在一个侧边菜单中使用它，我希望当我在下拉菜单上移动时，而不是下拉项越过下面的项，我希望下面的项移动到更低的位置以腾出空间。

我设法通过移除CSS中的溢出来实现这一点，然而这样做的问题是，当我进入网页时，下拉菜单完全展开，直到我用鼠标经过它。

Answer 1

将overflow:隐藏在CSS中。

当您想要显示菜单时，添加到元素style.overflow = "visible“，当您想要再次隐藏该元素时，在该元素上使用style.overflow = " hidden”或style.overflow="“。

Answer 2

您需要获取/计算dropdown层的高度(假设这是在不同的层中)，并将此高度添加到底层菜单项框元素中(当然，检查dropdown是否可见)。