鍍金池/ 問(wèn)答/HTML5  HTML/ 移動(dòng)端web頁(yè)面,安卓的下拉刷新和局部滾動(dòng)發(fā)生沖突應(yīng)該怎么解決?

移動(dòng)端web頁(yè)面,安卓的下拉刷新和局部滾動(dòng)發(fā)生沖突應(yīng)該怎么解決?

ios上沒(méi)問(wèn)題上下滑動(dòng)基本沒(méi)問(wèn)題。。
安卓上下拉刷新和頁(yè)面中間滑動(dòng)的區(qū)域產(chǎn)生沖突,一旦向上滑動(dòng)(也就是手指向下拉的時(shí)候)就會(huì)觸發(fā)整個(gè)頁(yè)面下拉刷新。
布局如下圖:
clipboard.png

header、footer這兩個(gè)div是固定的,中間的main可以滾動(dòng),上拉加載。

回答
編輯回答
不舍棄

你好,我也遇到了這個(gè)問(wèn)題,請(qǐng)問(wèn)你解決了嗎?

2017年12月15日 10:07
編輯回答
乖乖噠

信息少了點(diǎn)。

試試在main區(qū)域監(jiān)聽touch相關(guān)事件,并阻止冒泡。

2017年8月29日 13:27
編輯回答
離觴

有兩種可能,一是你的布局存在問(wèn)題,二是客戶端的下拉刷新和你的滾動(dòng)事件沖突
解決辦法
1.改變布局為局部滾動(dòng),可找找局部滾動(dòng)和全局滾動(dòng)的區(qū)別
2.和客戶端協(xié)商一個(gè)交互,判斷進(jìn)入頁(yè)面,web給客戶端發(fā)送消息,停止監(jiān)聽下拉刷新

2018年6月24日 03:33
編輯回答
赱丅呿

清除默認(rèn)事件

2017年12月19日 11:12