javascript - 检测视口中的鼠标位置（不在文档中）

Question

我想创建一个当用户将鼠标移动到屏幕左/右边缘附近时水平滚动的页面。我目前的代码是：

    $(window).mousemove(function(e) {
        var mousePosition = e.pageX,
            bodyWidth = config.windowWidth - 300;

        if(mousePosition >= bodyWidth) {
            $('body, html').animate({
                scrollLeft: '+=50'
            }, 100, function() {
                console.log($('body, html').scrollLeft())
            });
        }

        if(mousePosition < bodyWidth) {
            $('body, html').stop()
        }
    });

它工作得很好，但只有在你走得更远之前。然后它mousePosition从文档的角度而不是视口的角度获取。我怎样才能解决这个问题？

Answer 1

event.clientX/Y-> 视口

event.pageX/Y-> 文件