导航菜单

Question

当我将鼠标悬停在“导航”菜单链接（“关于我们”）上时，页面将移至左侧。 那是由于javascript吗？

连结文字

Answer 1

这是因为滚动条显示在浏览器窗口的右侧。 在我看来，有一个设计错误导致菜单悬停时内容要大得多。

Answer 2

如果将鼠标悬停在菜单上，则页面将变得很长，以至于出现滚动条-并导致页面“向左移动”（它停留在视口的中央，这是应该执行的操作）。 要解决此问题，请找出导致此溢出的原因（页面看起来时间不长，我不知道滚动条从何而来）或为您的身体设置overflow-y:scroll ，所以总会有一个滚动条（是不好的“我不知道该怎么解决”的解决方案）

Answer 3

尝试将UL下拉元素从页面底部移开或将它们设置为display:none直到将它们完全定位在页面顶部为止。 visibility:hidden不会将元素从文档流中移出，而只是将它们隐藏起来。

更好的选择是使它们成为您已经拥有的<a>标记的子代，因此只需要显示它们，而不是显示和移动它们。