jQuery - 背景位置动画缓动不起作用答案

【问题标题】：jQuery - Background-Position Animation Easing Not WorkingjQuery - 背景位置动画缓动不起作用
【发布时间】：2012-08-16 11:00:56
【问题描述】：

我正在尝试更改图像的背景位置，例如里程表。除了缓动之外，一切似乎都有效，除了“摆动”之外，它只是在“线性”中发生变化。很烦人，我找了高低都没有找到。

        col.animate({
            'background-position': '0 ' + ((newDigit * settings.heightNumber * -1) + zeroSet)
        }, 
        1000, 
        'swing');
      }

我还需要它来跨浏览器工作。目前它确实可以跨浏览器工作而无需缓动。

任何帮助都会很棒。

【问题讨论】：

你是否包含了来自 www.jqueryui.com 的效果库？

标签： jquery jquery-ui animation jquery-animate

【解决方案1】：

“swing”是默认参数。传递“swing”就像不传递参数。您可以使用具有更多缓动样式的 jquery ui。 http://jqueryui.com/demos/effect/easing.html

【讨论】：

我想要的只是图像向上或向下滚动，具体取决于计数器是递增还是递减。
不用担心。发现 background-position 不能轻松地设置动画，因此更改了我的标记以适应 position: absolute 和 top 来设置我想要的动画。感谢您的帮助。