jquery backgroundpositionY動畫不能在Firefox中工作

Question

所以我有一個背景我想在滾動事件上進行動畫處理，在Chrome和safari中工作正常。

雖然顯然，Firefox並不支持這個正確的（也沒有歌劇）。

是否還有其他一些屬性可以用來製作跨瀏覽器的背景動畫？

$(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 }); 
    } 


}); 

Answer 1

backgroundPositionY不是一個標準的CSS屬性，所以它不會被Firefox和Opera的支持。你可能會需要使用這些cssHooks的jQuery之一：

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