使用 jQuery 相对移动可滚动内容答案

【问题标题】：Move scrollable contents relatively with jQuery使用 jQuery 相对移动可滚动内容
【发布时间】：2012-05-02 15:41:55
【问题描述】：

我有一个包含可滚动内容的容器，我需要将滚动的位置相对移动到其当前位置，例如向下 20 像素。我想使用ScrollTo 插件，或者scrollTop() jQuery 函数。

因此，如果我一次又一次地运行所需的命令，容器滚动应该会继续移动直到到达终点。伪代码：

$(myContainer).scrollTo( { delta: '+20px' } );

【问题讨论】：

scrollTo 似乎有能力，但它的documentation 可能会更好。最好的文档在完整的实现文件中。我注意到 scrollTo 确实有一种相对移动东西的方法：$(...).scrollTo( {top:'-=100px', left:'+=100'}, 800 )。很抱歉，这样的代码导致我的代码中没有滚动运动。可能是插件中的错误，可能是我的代码中的错误:(。

【解决方案1】：

scrollTop 应该这样做：

$('#myContainer').scrollTop($('#myContainer').scrollTop() + delta);

【讨论】：

谢谢，您的建议有效，并感谢您提供指向 jsfiddle 的链接（太好了！）。我现在遇到的唯一问题是 jScrollPane bug 如果滚动条起源于顶部，它会取消滚动运动。