jQuery水平光标滚动

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

它的工作方式是，如果光标的X位置在屏幕的最左边， 页面应处于0%水平滚动

如果光标的X位置在屏幕的最右侧， 页面应为100%水平滚动

我怎样才能做到这一点

---

干杯

您可以使用

event.pageX

获取鼠标指针相对于文档左侧的位置，并使用

scrollLeft（）

设置滚动：

---

查看此演示：

我的解释一定不够好。我需要它，这样滚动条就可以像光标一样触摸文档的最右边。在您的示例中，滚动条先于光标触到右侧。我希望这能更好地描述我的问题：）啊，是的，文档的一部分已经显示在窗口上，所以您可能需要减去窗口宽度：

docW=$（this）.width（）-winW

。看到这个更新的小提琴：太棒了！非常感谢你。我在这方面遇到了很多麻烦，而你只是证明了它是如此简单。干杯

$(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);
});