带有缓动的JQuery ScrollLeft

Question

我正在尝试使用缓动方式滚动左侧。

如果我拿出轻松的话，它滚动就好了

$("#content").animate({ 
    scrollLeft: '+=' + $(window).width()
}, "slow");

但是当我尝试为动画添加缓动时

$("#content").animate({ 
    scrollLeft: '+=' + $(window).width()
}, "slow", "easeInOutBounce");

我收到的错误如下： TypeError: m.easing[this.easing] is not a function

任何帮助将不胜感激

Answer 1

easeInOutBounce不是默认的jQuery缓动集的一部分。您需要包含jQuery UI的缓动库才能访问它。要么只包含整个jQuery UI，要么自己构建一个只包含缓动组件的custom version of the library。在包含jQuery之后和代码之前包含此内容。

Answer 2

你必须添加＆＃39; easeInOutBounce＆＃39;到jquery缓动数组，否则你只能使用＆＃39; linear＆＃39;或者＆＃39;摇摆＆＃39;。

有一些插件可以为jquery添加缓动曲线，jquery-ui添加了许多插件，包括＆＃39; easeInOutBounce＆＃39;

Answer 3

我认为您需要JQuery UI才能访问此类缓动。

来源（JQuery documentation）：

  

缓解

     

.animate（）的剩余参数是一个命名要使用的缓动函数的字符串。缓动函数指定动画在动画中的不同点处进行的速度。 jQuery库中唯一的缓动实现是默认的，称为swing，以及一个以恒定速度进行的实现，称为线性。使用插件可以获得更多的缓动功能，尤其是jQuery UI套件。