The default action of the pull-to-refresh effect can be effectively prevented by doing any of the following :
preventDefault’ing some portion of the touch sequence, including any of the following (in order of most disruptive to least disruptive):- a. The entire touch stream (not ideal).
- b. All top overscrolling touchmoves.
- c. The first top overscrolling touchmove.
- d. The first top overscrolling touchmove only when 1) the initial touchstart occurred when the page y scroll offset was zero and 2) the touchmove would induce top overscroll.
- Applying “
touch-action: none” to touch-targeted elements, where appropriate, disabling default actions (including pull-to-refresh) of the touch sequence. - Applying “
overflow-y: hidden” to the body element, using a div for scrollable content if necessary. - Disabling the effect locally via
chrome://flags/#disable-pull-to-refresh-effect).
See more