mousemove - 如果Y的增长速度快于X的增加/减少

Question

我正在开发一个“超级菜单”，其中悬停在顶层导航上，在导航下方显示100％宽度的面板，并根据您将鼠标移动到顶层导航的方向将其滑入和滑出。目前这种方法运行良好，但是我遇到了一个问题，如果您将鼠标移动到面板中的链接，当您将鼠标移动到面板时，可能会意外地将下一个li悬停在上面。我想我有一个解决方案，基于计算鼠标的X和Y位置，然后确定Y位置是否比X位置增加/减少更快地增加。

我该如何计算？

到目前为止，我有以下内容：

$('body').mousemove(function(e) {
    console.log('X ' + e.pageX);
    console.log('Y ' + e.pageY);
});

html,body {
  height:100%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我想从这里做的是确定Y位置的增长速度是否比X位置增加或减少更快，以确定用户是否打算将鼠标向下移动大型菜单小组与否。