-webkit-overflow-scrolling

-webkit-overflow-scrolling:touch

让移动端页面手机离开后可以继续滚动一段激励,非标准属性。直接加在html样式上就好了。

不能滑动的情况:

在touch事件里加了preventDefault

html,body加了height:100%

 

另外,在ios还是不要用fixed了,自找麻烦。。。

其中一个问题是:

  滚动条到了最顶部,手指往下拉的时候,

  或者滚动条到了最底部,手指往上拉的时候,fixed在顶部和底部的元素会被浏览器背景覆盖从而看不见

后来发现html/body不设置高度100%限制,底部fixed没有出现问题

 

posted @ 2017-08-15 14:37  瓶子2333  阅读(302)  评论(0编辑  收藏  举报