我想创建一个当用户将鼠标移动到屏幕左/右边缘附近时水平滚动的页面。我目前的代码是:
$(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
从文档的角度而不是视口的角度获取。我怎样才能解决这个问题?