文章出處
文章列表
1.
MIUI6的坑，
首先是確定高度的，overflow-y:scroll;屏幕難以滾動的坑。
要對div設置position為absolute或者relative，才能快活地滾。
2.
在MIUI6瀏覽器里，
遮罩層被同級下層代碼蓋住。
那就遮罩層再下層，同時提高z-index。
3.
在MIUI6自帶瀏覽器和IOS8的safari上，absolute的兄弟節點面積蓋過自己，會出現渲染問題。
解決方法，先隱藏，再setTimout顯示出來。
單單列出坑，以及直接說出解決方法沒啥意思。
下面說下解決思路。
第一個坑，
首先是有的界面可以滾，偏偏那個坑不能滾。
于是，我就找滾和不能滾的差異在哪里。
發現，差異在能滾的div元素position是absolute或relative，不能滾的是static。
于是改之，可滾。
第二個坑，
其它瀏覽器都沒問題，唯有MIUI6的瀏覽器出問題。
它被下面的兄弟元素給蓋住，上面的兄弟元素可以被遮罩層蓋住。而且居然改z-index也沒用。
那么，我就把遮罩層的html代碼放到最下面，坑填之。
第三個坑，
在chrome沒有復現，MIUI6以下的版本也沒有復現，但是IOS8的Safari和MIUI6有。
父元素是relative，一個子元素a是absolute，一個子元素b是static或relative。
b的面積撐滿父元素，a在b的下面且層級比a高。
一開始父元素通過css3的位移屏幕看不到的地方，然后位移到能看到的地方，發現b蓋住了a。
第一反應是渲染出問題了，那么用setTimeout延遲渲染，果然好了。
文章列表
全站熱搜
留言列表
