0

所以我有一个背景，我想在滚动事件上制作动画，在 chrome 和 safari 中运行良好。

显然，firefox 不能正确支持这一点（opera 也不支持）。

是否有一些其他属性可以用来为跨浏览器工作的背景设置动画？

$(document).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 200) {
        $(".col-3-iphoneback").animate( { backgroundPositionY:"-223px"}, { queue:false, duration:1000 });
    } 


     if (scroll <= 200) {
        $(".col-3-iphoneback").animate( { backgroundPositionY:"0px" }, { queue:false, duration:1000 } );
    } 


});
4

1 回答 1

0

backgroundPositionY不是标准的 CSS 属性，因此 Firefox 和 Opera 不支持。您需要为 jQuery 使用这些 cssHook 之一：

https://github.com/louisremi/jquery.backgroundXY.js/blob/master/jquery.backgroundXY.js https://github.com/brandonaaron/jquery-cssHooks/blob/master/bgpos.js

于 2012-12-26T02:10:56.400 回答