轨迹三角形方案
与其引入延迟,我们可以尝试对客户将要走的路径更加慷慨。由于鼠标移动本质上是不准确的,为了最大程度地减少挫败感,我们可以避免狭窄的悬停隧道并扩大旅行走廊。
例如,我们可以使用亚马逊的三角形技术,其中我们构建了一个轨迹三角形,将鼠标指针的当前位置与超大下拉区域的边缘连接起来。如果该区域应该出现在右侧的类别旁边(如下图所示),我们将鼠标指针连接到列出类别的容器的右上边缘和右下边缘。
只要用户停留在三角形内或整个大型下拉区域内,叠加层仍会显示。如果用户选择在三角形之外旅行,超级下拉覆盖的内容将相应改变。当然,一旦用户完全移出类别列表,它就会立即完全消失。
使用这种技术,我们可以最大限度地减少子导航突然消失和重新出现的摩擦。但是如果类别链接位置太近,或者我们通过将鼠标悬停在更大的按钮上来显示悬停菜单,它可能会变得无效。我们可以对 SVG 路径出口区域做得更好。