我现在正在将背景居中(使用background-position: 50% 50%;
),我想使用 Javascript 制作动画。但是,我希望能够使用像素测量来制作动画。实际上,我想将背景位置设置为“50% + 10px”之类的值。使用 JavaScript 可以吗?
我可以通过查找背景图像的高度和浏览器屏幕的高度并进行一些算术来做到这一点,但这似乎是一个复杂的解决方案。
将来这将可以使用 CSS3 实现calc https://developer.mozilla.org/en-US/docs/CSS/calc功能。但由于目前还没有得到广泛支持,下面是一个更实用的解决方案。
只需使用jQuery 支持的增量表示法 http://api.jquery.com/animate/#animation-properties对于这些属性。例如
$(some-element).css({ "background-position": "+=10px" });
在 $.css 支持此语法之前,$.animate 支持此语法,但 jQuery 的最新版本在这两种情况下都支持它。
这是一个 jsfiddle 演示了它的实际操作 http://jsfiddle.net/g7mSk/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)