jQuery.fly.js是一款允許元素在瀏覽器中飛行的JavaScript插件，有一個(gè)非常不錯(cuò)的功能是可以模擬購(gòu)物車(chē)添加商品時(shí)的動(dòng)畫(huà)。然而，該插件在Safari瀏覽器中存在一些問(wèn)題。

在Safari中，添加商品到購(gòu)物車(chē)后，飛行動(dòng)畫(huà)表現(xiàn)不太流暢。實(shí)際上，元素并沒(méi)有像它們應(yīng)該的那樣流暢地移動(dòng)。相反，你可以看到元素在購(gòu)物車(chē)圖標(biāo)周?chē)幸粋€(gè)模糊的邊緣，它們似乎在其周?chē)D(zhuǎn)，最后停在購(gòu)物車(chē)中。

這個(gè)問(wèn)題可以通過(guò)一些簡(jiǎn)單的CSS解決。通過(guò)調(diào)整元素的backface-visibility屬性，可以讓元素在Safari中正確地執(zhí)行動(dòng)畫(huà)。它需要將元素的backface-visibility屬性設(shè)置為hidden，確保Safari不會(huì)在元素周?chē)鷦?chuàng)建任何模糊的邊緣。

.fly-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

這個(gè)問(wèn)題的解決對(duì)于那些使用jQuery.fly.js插件的網(wǎng)站是非常重要的，特別是那些針對(duì)移動(dòng)購(gòu)物及其他交互功能的網(wǎng)站。在解決此問(wèn)題后，Safari中的購(gòu)物體驗(yàn)將變得無(wú)與倫比，并使得網(wǎng)站的用戶(hù)能夠更好地與購(gòu)物車(chē)進(jìn)行交互。