javascript - 如何使用jQuery为slimScroll设置动画

如何使用jQuery制作动画？当用户单击span 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/

最佳答案

我一直在寻找相同的东西，但是找不到现有的解决方案-因此，我用rochal的代码编写了一个简单的分支。您可以在这里找到它:https://github.com/edragame/jQuery-slimScroll

我所做的唯一更改是添加了一个动画选项，如下所示:

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

让我知道是否有帮助。