在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5/ 在使用transform時遇到一個問題

在使用transform時遇到一個問題

clipboard.png

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

            }

clipboard.png

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的時候出現(xiàn)這個問題,如圖,其他機型沒有測試
點詳情時,

![圖片上傳中...]

點擊close返回時

clipboard.png
這個東西露出了,最終會在導航欄的下面,rotateY的緣故?
預覽地址

回答
編輯回答
獨白

Transform的渲染在ios上和chrome有差異,你nav的dom順序要放在列表之后,而且層級要高一些.

2017年9月28日 11:59