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

2019独角兽企业重金招聘Python工程师标准>>>

在内部嵌套的元素设置 fixed 后，iOS 的微信自带上下拖动时会遮挡顶部和底部的 fixed 元素。

尝试后发现有以下解决方法：

1、将内部嵌套设置 fixed 的元素，放到 body 层，或者和原 div 在同一层级（兄弟节点关系）。ps: body 要设置 padding-bottom 来放置 fixed 元素。

2、对于内部嵌套设置 fixed 的元素（兄弟节点关系），将所有的父元素的 overflow:hidden; 紧挨着的最近一个父元素设置成 overflow:auto;

3、对于内部嵌套设置 fixed 的元素（父子节点关系），对父元素 div 设置绝对定位，position:absolute;

 

ps:

第三种参考：

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

另外 iOS 中 overflow:auto; 滑动不顺畅可以在对应元素添加样式 -webkit-overflow-scrolling 

 

转载于:https://my.oschina.net/jack088/blog/1929933