我制作了一个水平菜单。
它应该做的是让它下面的元素以有序的方式沿着右侧排列。相反,它看似随机地跳转整个页面,并且存在其他问题,例如闪烁。我一直坚持制作它有一段时间了,希望得到一些解决这些问题的技巧。这是一个 JS FIDDLE 显示问题,全部精简。
谢谢。
以下是当前的问题:
即使子菜单的偏移量是通过主导航偏移量 + 宽度计算出来的,但它并没有与主导航的右侧完美对齐。
闪烁(使用大边框适度解决)
元素有时无法捕捉到鼠标悬停,为了重现,我一直在上下移动鼠标,然后上下移动鼠标
菜单滑出部分以某种随机顺序进入页面右下角,并继续向远处移动(哎呀)
最佳答案
闪烁问题的解决方案是让子菜单项重叠或接触。这可以通过向菜单项添加一个像素的白色边框来完成。
当涉及到对齐问题(这可能是有意的)时,您需要添加(两次)元素的内边距和边框,因为宽度在内边距内。
关于javascript - Jquery 菜单行为不稳定、定位错误和一般错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12418695/