javascript - About the problem of css absolute positioning being blocked by rubber bands in ios browser

Question

The address is testlele.handone.com. It has a bottom navigation. However, on the browser of an iOS mobile phone, you can still pull down the webpage to the lowest end, which will cause the bottom navigation to be blocked by a piece of white. Please give me a solution.

The navigation code is `

display: flex;
position: absolute;
z-index: 500;
bottom: 0;
width: 100%;
background-color: #f7f7fa;`

Answer 1

If it is a webpage embedded in webview, IOS development should disable the rebound effect in webview. If it is a simple webpage, I don’t know if this will work: /a/11...

Answer 2

Try display:fixed