0

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

    $(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从文档的角度而不是视口的角度获取。我怎样才能解决这个问题?

4

1 回答 1

0

event.clientX/Y-> 视口

event.pageX/Y-> 文件

于 2013-09-09T14:30:56.010 回答