问题描述
Etsy(https://www.etsy.com/)在其大型菜单上的鼠标移动方面看起来非常不错。
我正在尝试弄清楚他们是如何做到的。看来您可以与父级保持一定角度移动,并且不会选择下面的父级,但是如果垂直移动鼠标,它会立即选择下面的父级。
我习惯于做旧的看不见的填充盒技巧,但这感觉就像其他东西一样。我检查了它们的标记,看不到添加了任何伪元素,因此我只能想象它在JS中跟踪鼠标方向?
解决方法
更新:我决定使用这个名为Hoverintent的库,该库可跟踪鼠标的移动并确定用户是否打算将鼠标悬停在元素上或只是通过!!