今天在做移動端的頁面,無意間發現了一個Chrome瀏覽器下的一個bug,在使用CSS3的transform: translate(0, 0)屬性對節點A進行位置轉化,此時A節點下面有一個字節點B,節點B使用了position:fixed進行了定位,按照常理節點B應該懸掛在瀏覽器窗口視圖上,不會跟隨滾動條而滾動的,但是這個效果在Chrome瀏覽器下面是無效的,經過測試在IE11、Firefox、safari中均沒有問題,在Opera中出現的效果和Chrome中完全一樣。
總結一下:在Chrome和Opera瀏覽器下,使用CSS3的transform: translate(0, 0)轉化位置節點,其所有使用position:fixed定位的子孫節點的定位功能均無效。