jquery - 使用带有滚动功能的 jQuery 缓动插件

Question

我寻找了这个，但我找到了如何将它与 ScrollTo 一起使用。这个不一样。

我需要让 jQuery Easing 插件使用此函数:

function ira(id){
      $('html,body').animate({scrollTop: $("#"+id).offset().top}, 700);
}

没有太多需要解释的...提前感谢您的帮助!

...

另外，我想知道是否可以设置动画的速度而不是持续时间，这样如果我离目标很近，则需要更少的时间，如果距离目标很远，则需要更多的时间。

再次感谢!

Answer 1

jQuery 动画仅接受持续时间来确定速度。对于缓动，请在页面中包含缓动 js 并将第三个参数传递给动画函数:

 $('html,body').animate({scrollTop: $("#"+id).offset().top}, 700, "easeInOutCirc");