fixed在iOS微信下上下拖動的bug

在內部嵌套的元素設置 fixed 後，iOS 的微信自帶上下拖動時會遮擋頂部和底部的 fixed 元素。

嘗試後發現有如下解決方法：

一、將內部嵌套設置 fixed 的元素，放到 body 層，或者和原 div 在同一層級（兄弟節點關係）。ps: body 要設置 padding-bottom 來放置 fixed 元素。

二、對於內部嵌套設置 fixed 的元素（兄弟節點關係），將全部的父元素的 overflow:hidden; 緊挨着的最近一個父元素設置成 overflow:auto;

三、對於內部嵌套設置 fixed 的元素（父子節點關係），對父元素 div 設置絕對定位，position:absolute;

 

ps:

第三種參考：

http://www.zhangyunling.com/684.html

另外 iOS 中 overflow:auto; 滑動不暢能夠在對應元素添加樣式 -webkit-overflow-scrolling