Javascript 完成鼠标滚动（像滚动一样拖动，但不拖动）

我到处找了，但找不到适合我的东西

我想在这个网站上做一些类似的事情：

我已经查过js 800kb了！，从我所看到的，它使用scrollTo根据鼠标位置偷偷地向元素滚动

我能找到的最接近的脚本是： 但是它只有在靠近边缘的时候才会滚动，我尝试了一个更大的尺寸，但是它在Chrome上会结巴

有人知道如何做一个完整的鼠标滚动div吗？div是4000px大，6个大div被定位为绝对值？我尝试了很多东西，但现在没有结果

如果需要更多的信息，请询问

---

提前谢谢。

你看过这个插件吗

---

这是一个适应性很强的插件，有很多滚动功能。它使用了一个名为“scrollTo”的函数，这可能就是您在该站点代码中看到的功能？

在ScripterTive的示例代码中，您可以将滚动区域调整为仅在边缘附近。该示例设置为20%边界：

new CursorDivScroll( 'userComment', 20, 10 );

您可以将第二个参数更改为50，看看这是否有帮助

至于原始站点，您需要整理javascript，看看它是如何工作的。页面内容通过AJAX加载。搜索函数runTransitionpage。这将在介绍之后进入“主页”。此内容包含更有用的javascript：

从那里，您可以看到演员图像是如何滚动的：

<div id="home-mosaic">
    <ul>
        <li id="cast-image1">...</li>
    <ul>
</div>

---

希望有帮助

是的，我看过并尝试过，但事实是我似乎无法将它与鼠标的位置和运动联系起来，数学和其他方面都很糟糕。。。。

$("#home-mosaic > ul > li").mouseenter(function() {
    $(this).find("div.home-mosaic-separation").animate({'width': (currentWidth*0.20) + 'px', 'left': (currentWidth*0.40) + 'px'}, 400); 
});

$("#home-mosaic > ul > li").mouseleave(function() {
    $(this).find("div.home-mosaic-separation").css({'width': (currentWidth*0.02) + 'px', 'left': (currentWidth*0.49) + 'px'});
});