I see here https://stackoverflow.com/questions/5075368/jquery-and-animate-backgroundposition-no-longer-works-in-version-1-5-0-from-goog认为缺乏backgroundPosition
jquery 1.5.0 中的动画是一个已知的错误。难道还没有修好吗?
看到这个jsfiddle http://jsfiddle.net/bozdoz/Tfnhf/, with backgroundPosition
在 jquery 1.4.4 中制作动画,然后看看这个one http://jsfiddle.net/bozdoz/Tfnhf/1/,并且看到即使在 jquery 1.7.1 中它也不起作用。
知道他们什么时候能解决这个问题吗?
我很想知道,因为我刚刚在 Chrome 控制台中看到一条警告:
event.layerX 和 event.layerY 在 WebKit 中已损坏并已弃用。
它们将在不久的将来从发动机上移除。
我担心我会继续使用 jquery 1.4.4 来实现动画功能,但 Chrome 会在下一次更新中取消该功能。
UPDATE
公认的答案,即使用背景位置 x 和 y 的想法不适用于 Firefox。现在我必须回到 1.4.4,直到找到更好的解决方案。
您需要指定background-position-x
and -y
分别像这样:
$('div').animate({
'background-position-x': '-6000px', 'background-position-y': '-200px' }, 4000);
工作示例。 http://jsfiddle.net/joshsmith/Tfnhf/2/(jQuery 1.7.1)
作为旁注,因为你background-position-y
没有改变,你可以简单地省略那条额外的行,然后改变你的-x
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)