這幾天做了一個手機端的demo(滑動推屏的那種),在底部放了一個div,position:fixed,bottom:0.
爲了讓動畫性能更加,在body上加上了transform:translate3d(0,0,0),然後又調了一個js文件,這下問題來了,本來應該懸浮在底部的div不見了!!!推到底,發現出現在了最後一頁的底部。。。
難道是position:fixed失效了???
查了資料發現一般沒有這種問題,難道是js阻塞了???
並沒有。
後來我發現是因爲我在body設置了transform的緣故,影響了全局,3d使得新建了一個層(具體原因請參考:高性能css動畫),導致position:fixed不在當前的層上。
所以要在需要的地方設置3D!