position:fixed失效的問題

這幾天做了一個手機端的demo(滑動推屏的那種),在底部放了一個div,position:fixed,bottom:0.

爲了讓動畫性能更加,在body上加上了transform:translate3d(0,0,0),然後又調了一個js文件,這下問題來了,本來應該懸浮在底部的div不見了!!!推到底,發現出現在了最後一頁的底部。。。

難道是position:fixed失效了???

查了資料發現一般沒有這種問題,難道是js阻塞了???

並沒有。

後來我發現是因爲我在body設置了transform的緣故,影響了全局,3d使得新建了一個層(具體原因請參考:高性能css動畫),導致position:fixed不在當前的層上。

所以要在需要的地方設置3D!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章