Jquery菜单操作不稳定，定位不正确，存在一般错误

Jquery menu acting erratically, bad positioning and general bugs

本文关键字：存在 错误 不正确 定位 菜单 操作 不稳定 Jquery      更新时间：2023-09-26

我制作了一个水平菜单。

它应该做的是让下面的元素以有序的方式沿着右侧排列。相反，它在整个页面上跳跃似乎是随机的，并有其他问题，如闪烁。我已经坚持了一段时间，我很想知道一些解决这些问题的技巧。这里有一个JS FIDDLE显示了这个问题，所有内容都被剥离了。

谢谢。

以下是当前的问题：

  • 即使子菜单的偏移量是通过主导航偏移量+宽度计算的，它也不能与主导航的右侧完全对齐。

  • 闪烁（使用大边界适度解决）

  • 元素有时无法捕捉鼠标，为了复制，我一直在移动我的鼠标，一路向下，一路向上，一路关闭

  • 菜单滑出部分以某种随机的顺序转到页面的右下角，并继续移动（yikes）

闪烁问题的解决方案是使子菜单项重叠或触摸。这可以通过在菜单项中添加一个像素的白色边框来实现。

当涉及到对齐问题时（这可能是有意的），您需要添加（两次）元素的填充和边框，因为宽度在填充内。

相关文章：