在使用transform時(shí)遇到一個(gè)問題

d商品詳情代碼
function switchProductShow(){
            
           
            $(".product-list").css("transform","translateX(-100%) rotateX(0deg) rotateY(0deg)")
            $(".mobile").css("transform","translateX(-100%) rotateY(90deg)")

            }

close函數(shù)
function switchProductClose(){

            $(".product-list").css("transform","rotateX(0deg) rotateY(-90deg) translateX(0)")
            $
            $(".mobile").css("transform","rotateX(0deg) rotateY(0deg) translateX(0)")
            }

結(jié)果在ios10-6splus的時(shí)候出現(xiàn)這個(gè)問題，如圖，其他機(jī)型沒有測(cè)試
點(diǎn)詳情時(shí)，

![圖片上傳中...]

點(diǎn)擊close返回時(shí)

這個(gè)東西露出了，最終會(huì)在導(dǎo)航欄的下面，rotateY的緣故？
預(yù)覽地址