为什么我不能为backgroundPosition设置jquery 1.4.4的动画?
我在这里看到jquery 1.5.0中缺少backgroundPosition
动画是一个已知的bug。 它还没有修好吗?
看看这个jsfiddle ,在jquery 1.4.4中使用backgroundPosition
动画,然后查看这个,看看它甚至在jquery 1.7.1中都不起作用。
什么时候他们要解决这个问题?
我想知道,因为我刚在Chrome控制台中看到一条警告说:
event.layerX和event.layerY在WebKit中被破坏和弃用。 它们将在不久的将来从发动机中移除。
我担心我将继续使用jquery 1.4.4来制作动画function,但Chrome会在下次更新时提取function。
UPDATE
接受的答案是,使用background-position-x和y的想法不适用于Firefox。 现在我将不得不回到1.4.4,直到找到更好的解决方案。
您需要分别指定background-position-x
和-y
如下所示:
$('div').animate({ 'background-position-x': '-6000px', 'background-position-y': '-200px' }, 4000);
工作实例。 (jQuery 1.7.1)
作为旁注,由于你的background-position-y
没有改变,你可以简单地省略那个额外的行并只改变你的-x
。
我在这里遇到了同样的问题: “烟雾缭绕”效果javascript精灵动画
似乎1.4.4以上的jQuery的新版本能够以破坏精灵动画为代价来实现平滑的背景滚动效果,这些动画实际上依赖于视觉的持久性。 我会说动画function不适用于此,但它刚刚起作用(TM)。
为了制作我的背景位置精灵动画,我使用setTimeout编写了一个函数
它的级别更低,但根本不是更多的代码。