jquery backgroundpositionY动画在firefox中不工作

所以我有一个背景，我想在一个滚动事件上制作动画，在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 } );
    } 


});

$（文档）。滚动（函数（）{
var scroll=$（窗口）.scrollTop（）；
如果（滚动>=200）{
$（.col-3-iphoneback”）.animate（{backgroundPositionY:“-223px”}，{queue:false，duration:1000}）；
} 
如果（scroll
backgroundPositionY
不是标准的CSS属性，因此Firefox和Opera不支持它。您需要在jQuery中使用以下CSSHook之一：

没有人能解决这个问题吗？