jQuery水平光标滚动

Question

我正在尝试制作一个使用光标的水平滚动系统。

它的工作方式是光标的X位置是否位于屏幕的最左侧， 该页面应为0％水平滚动。

如果光标的X位置位于屏幕的最右侧， 页面应该是100％水平滚动。

我怎样才能做到这一点？

干杯！

Answer 1

您可以使用event.pageX获取鼠标指针相对于文档左侧的位置，并使用scrollLeft()设置滚动：

$(document).mousemove(function (e) {
    var winW = $(window).width(),
        docW = $(this).width(),
        i = docW / winW, //increment value
        x = (e.pageX - $(window).scrollLeft()) * i;

    $(window).scrollLeft(x);
});

请参阅此演示：http://jsfiddle.net/m28EY/4