javascript - Some questions about the ios WeChat browser web page

Question

Now I am making a web page on the WeChat side, but the web page on the ios WeChat side will have a black area when the head is pulled up and write xxx provided. If you continue to pull down at the bottom, a black area will appear below. I want to know this. How to deal with it

Answer 1

It seems to be called elastic scrolling on Safari. I don’t know if this can help you
disable_elastic_scroll_on_iOS_safari

How to prevent "rubber band effect" in iOS safari?

Answer 2

I’m also looking for a solution to that one. I feel like it shouldn’t be easy to solve

Answer 3

If it is a single page and there is nothing to slide, set the touchmove of the page to preventDefault. Or, add a p at the outermost edge of the page and set position: fixed; this way the page content can still slide, and the black parts at the top and bottom will not appear. .