mobile: how to prevent pull-to-refresh

Question

How to prevent pull-to-refresh in web applications for Chrome android?

I tried the answers from

Disabling android's chrome pull-down-to-refresh feature

body {
  overflow-y: hidden;
}

or

body {
  touch-action: none;
}

It did not work. any one has a solution that works? It is very bad for browsers to make pull-to-refresh default behavior, it is very undesirable for web applications.

Answer 1

Here's a CSS method of capturing the required touch gestures to prevent the pull to refresh:

$("html").css({
    "touch-action": "pan-down"
});

This method seems to have worked well for other users. Hope it works for your needs.

Reference, plus there's more strategies discussed here: Disabling android's chrome pull-down-to-refresh feature