在内部嵌套的元素设置 fixed 后,iOS 的微信自带上下拖动时会遮挡顶部和底部的 fixed 元素。html
尝试后发现有如下解决方法:web
一、将内部嵌套设置 fixed 的元素,放到 body 层,或者和原 div 在同一层级(兄弟节点关系)。ps: body 要设置 padding-bottom 来放置 fixed 元素。微信
二、对于内部嵌套设置 fixed 的元素(兄弟节点关系),将全部的父元素的 overflow:hidden; 紧挨着的最近一个父元素设置成 overflow:auto;htm
三、对于内部嵌套设置 fixed 的元素(父子节点关系),对父元素 div 设置绝对定位,position:absolute;it
ps:io
第三种参考:webkit
http://www.zhangyunling.com/684.htmlscroll
另外 iOS 中 overflow:auto; 滑动不畅能够在对应元素添加样式 -webkit-overflow-scrolling 方法