javascript - Jquery 菜单行为不稳定、定位错误和一般错误

标签 javascript jquery html css

我制作了一个水平菜单。

它应该做的是让它下面的元素以有序的方式沿着右侧排列。相反,它看似随机地跳转整个页面,并且存在其他问题,例如闪烁。我一直坚持制作它有一段时间了,希望得到一些解决这些问题的技巧。这是一个 JS FIDDLE 显示问题,全部精简。

谢谢。

以下是当前的问题:

  • 即使子菜单的偏移量是通过主导航偏移量 + 宽度计算出来的,但它并没有与主导航的右侧完美对齐。

  • 闪烁(使用大边框适度解决)

  • 元素有时无法捕捉到鼠标悬停,为了重现,我一直在上下移动鼠标,然后上下移动鼠标

  • 菜单滑出部分以某种随机顺序进入页面右下角,并继续向远处移动(哎呀)

最佳答案

闪烁问题的解决方案是让子菜单项重叠或接触。这可以通过向菜单项添加一个像素的白色边框来完成。

当涉及到对齐问题(这可能是有意的)时,您需要添加(两次)元素的内边距和边框,因为宽度在内边距内。

关于javascript - Jquery 菜单行为不稳定、定位错误和一般错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12418695/

相关文章:

JavaScript 不适用于动态内容

javascript - 如何在 jStorage 中保存选择列表选项

javascript - 解析 NodeJS CSS 子包?

javascript - 如何在 jQuery 中获取 div 元素的边界框

javascript - 获取集合和子文档中所有键的名称

javascript - jQuery .css() 附加或覆盖

javascript - 提交后自定义重定向

html - 元名称 ="viewport"- 一起禁用旋转、缩放和滑动

javascript - 我需要一个定制的移动数字键盘

javascript - Node/Npm 更新后,Sails.js 无法找到模块 'ini'