javascript - Javascript 下拉菜单

Question

我使用 JavaScript 做了一个下拉菜单，鼠标悬停在下拉菜单中。现在，由于我在侧边菜单中使用它，我希望当我越过下拉菜单时，而不是下拉项目越过下方的项目，我希望下方的项目向下移动以腾出空间。

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

Answer 1

将溢出：隐藏在 CSS 中。

当您希望菜单出现时添加到元素 style.overflow = "visible" 并在希望再次隐藏时在元素上使用 style.overflow = "hidden" 或 style.overflow=""。

Answer 2

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