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

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 - ＆gt;视

event.pageX/Y - ＆gt;文件