Tag: 缓动

在requestAnimationFrame上添加缓动

我需要重现与此处相同的效果： http ： //www.chanel.com/fr_FR/mode/haute-couture.html =对鼠标移动事件的滑动效果。 我只需要动画部分的一些帮助。 function frame() { $(‘.images-gallery’).css({ ‘transform’: ‘translateX(‘+ -mouseXPerc +’%)’ }); requestAnimationFrame(frame); } requestAnimationFrame(frame); $(document).on(‘mousemove’,function(e){ mouseXPerc = e.pageX/containerWidth*100; }); 这是我到目前为止所做的。 它的工作原理，但你可以想象，它是非常原始的，我需要一些缓和 。 如何编辑我的frame() function以使其更平滑？ 编辑：我不能使用CSS转换/动画，因为我更改requestAnimationFrame上的值（每1/30秒）。

RequireJS：问题包括优化后的jquery缓动包

我想将jquery缓动包包含到我的应用程序中。 在requireJS文件被“优化”之前，它可以正常工作。 现在我使用优化版本，当我调用使用缓动的动画时，我收到此错误： “jQuery.easing [jQuery.easing.def]不是函数”（firefox） “未捕获的TypeError：对象＃的属性’未定义’不是函数”（chrome） 我像这样包括我的JS： 我的主要JS页面如下所示： http ： //thebeer.co/js/built/mesh-built.js require([“globals”,”functionBank”],function(gb,r){ //myapp code }); 全局变量看起来像这样： http://thebeer.co/js/globals.js 和functionbank看起来像这样： http://thebeer.co/js/functionBank.js 我唯一的想法是，因为jQuery被声明为全局变量和函数中的依赖，它是以某种方式传递而没有附加缓动包？ 我应该在主要的requireJS文件中附加缓动插件吗？ FORGOT TO MENTION： 只有在requireJS对脚本进行优化后才会出现此问题…