移动端web页面,安卓的下拉刷新和局部滚动发生冲突应该怎么解决?

ios上没问题上下滑动基本没问题。。
安卓上下拉刷新和页面中间滑动的区域产生冲突,一旦向上滑动(也就是手指向下拉的时候)就会触发整个页面下拉刷新。
布局如下图:
clipboard.png

header、footer这两个div是固定的,中间的main可以滚动,上拉加载。

阅读 6.9k
5 个回答

信息少了点。

试试在main区域监听touch相关事件,并阻止冒泡。

清除默认事件

新手上路,请多包涵

你好,我也遇到了这个问题,请问你解决了吗?

新手上路,请多包涵

你好,我也遇到了这个问题,请问你解决了吗?

有两种可能,一是你的布局存在问题,二是客户端的下拉刷新和你的滚动事件冲突
解决办法
1.改变布局为局部滚动,可找找局部滚动和全局滚动的区别
2.和客户端协商一个交互,判断进入页面,web给客户端发送消息,停止监听下拉刷新

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题