Etsy mega 菜单鼠标 UX 是如何工作的？
How does the Etsy mega menu mouse UX work?
Etsy (https://www.etsy.com/) 似乎在其大型菜单上围绕鼠标移动提供了非常好的用户体验。
我正在尝试了解他们是如何做到的。看起来你可以从父级以一定角度移动任何距离，它不会 select 下面的父级，但如果你垂直移动你的鼠标，它会立即 select 到下面的父级，而不会延迟。
我习惯于使用旧的隐形填充框技巧，但这感觉像是另一回事。我检查了他们的标记，看不到任何添加的伪元素，所以我只能想象它在 JS 中跟踪鼠标方向？
更新：我决定使用这个名为 Hoverintent 的库，它可以跟踪鼠标移动并确定用户是打算悬停在元素上还是只是经过！
Etsy (https://www.etsy.com/) 似乎在其大型菜单上围绕鼠标移动提供了非常好的用户体验。
我正在尝试了解他们是如何做到的。看起来你可以从父级以一定角度移动任何距离，它不会 select 下面的父级，但如果你垂直移动你的鼠标，它会立即 select 到下面的父级，而不会延迟。
我习惯于使用旧的隐形填充框技巧，但这感觉像是另一回事。我检查了他们的标记，看不到任何添加的伪元素，所以我只能想象它在 JS 中跟踪鼠标方向？
更新：我决定使用这个名为 Hoverintent 的库，它可以跟踪鼠标移动并确定用户是打算悬停在元素上还是只是经过！