如何使用jQuery为slimScroll设置动画

我如何使用jQuery为此设置动画？ 我正在尝试在用户单击span p1c1时创建一个平滑的滚动function。 slimScroll正在运行，但我不确定如何将动画function合并到此中。 我应该尝试补间吗？

 $('.p1c1').on("click", function(){ var fromTop = $('.p2c1').position().top; $("#panel2").slimScroll({ scrollTo: fromTop }); }); 

这是我正在尝试的动画类型，但在我的slimScroll面板中：

 $('html, body').animate({ scrollTop: $(".middle").offset().top }, 2000); 

这是slimScroll库： https ： //github.com/rochal/jQuery-slimScroll/

Answer 1

我一直在寻找相同的东西，但找不到现有的解决方案 – 所以我做了一个简单的rochal代码分支。 你可以在这里找到它： https ： //github.com/edragame/jQuery-slimScroll

我做的唯一改变是添加一个animate选项，如下所示：

 $("#panel2").slimScroll({ scrollTo: fromTop, animate: true }); 

如果有帮助，请告诉我。

Answer 2

“Animate：true”不起作用。

你必须在jquery.slimscroll.js中删除“if（isJump）”部分并将其替换为：

 if (isJump) { delta = y; var offsetTop = delta / me[0].scrollHeight * me.outerHeight(); offsetTop = Math.min(Math.max(offsetTop, 0), maxTop); bar.css({ top: offsetTop + 'px' }); me.animate( { scrollTop: delta + 'px' }, 1200 ); } if (!isJump){ me.scrollTop(delta); }