如何使用jQuery为slimScroll设置动画

Question

如何使用jQuery为此设置动画？我正在尝试在用户单击跨度时创建平滑的滚动功能p1c1.slimScroll正在运行,但我不确定如何将动画功能合并到此中.我应该尝试补间吗？

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

如果有帮助,请告诉我.