How to solve the conflict between Android drop-down refresh and local scrolling on the mobile web page?

No problem on ios. Sliding up and down is basically no problem.
Android pull-down refresh conflicts with the sliding area in the middle of the page, and once you swipe up (that is, when the finger is pulled down), it triggers the entire page drop-down refresh.
layout is as follows:
clipboard.png

the two div of header and footer are fixed, and the main in the middle can be scrolled and pulled up to load.

Apr.03,2021

there is a little less information.

try listening for touch-related events in the main area and preventing bubbling.


clear the default event


Hello, I also encountered this problem, have you solved it?


Hello, I have the same problem. Have you solved it?


there are two possibilities, one is that there is a problem with your layout, and the other is the conflict between the drop-down refresh of the client and your scrolling event
solution
1. To change the layout to local scrolling, you can find the difference between local scrolling and global scrolling
2. Negotiate an interaction with the client, determine to enter the page, web sends a message to the client, stop listening for drop-down refresh

Menu