我的页面滚动

Question

我有一个带有jquery fullpage插件的页面+当鼠标悬停时带有一种放大镜的图像。它在以下场景中按预期工作：

• 鼠标悬停在牙医图像上（放大镜可见）
• 我向下滚动（或按下键）
• 我向上滚动（或按向上键）而不同时移动鼠标 （我还在徘徊牙医图片，但没有移动我的鼠标）
• 然后我再次开始移动鼠标＆gt;＆gt;放大镜正在出现。

以下情况存在问题：

• 鼠标悬停在牙医图像上（放大镜可见）
• 我向下滚动（或按下键）
• 我向上滚动（或按向上键）但同时我不断移动我的鼠标，当滚动结束时，我仍然移动我的鼠标悬停图像。我的放大镜不可见！我不得不停止移动大约1秒钟，然后再开始移动放置我的放大镜。

我在我的js中放了一些调试跟踪，我可以在我的控制台中清楚地看到，对于第二种情况，不会触发mousemove事件。我不得不停止移动大约1秒，然后再次移动以让mousenter + mousemove触发。

    // Events
    $(this).mouseenter(function () {
        console.log('mouseenter');
        evenZoom.checkImageChanged($(this));
        evenZoom.showLens();
    });
    $(this).mousemove(function (e) {
        console.log('mousemove');
        evenZoom.moveLens(e.pageX, e.pageY);
    });
    $(this).mouseleave(function () {
        console.log('mouseleave');
        evenZoom.hideLens();
    });

您可以在此处查看：http://gite-le-refuge.weebly.com/