Ios has a "rubber band effect" on the h5 page, and when you slide up, the menu at the bottom will follow up, and you can't stick it to the bottom all the time, nor can you position it. How to solve it?

clipboard.png

Jul.03,2022

iNoBounce.js


fixed location


set bounces attribute of WebView to NO


document.addEventListener('touchmove',function(e){ e.preventDefault();},{passive:false})

Page container needs to set hegiht:100vh;overflow:hidden;


touchstart,touchmove,touchend event callback plus stop bubbling e.preventDefault ();


generally, this is prohibited by ios or Android, and then add styles
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
to pages with elastic demand. Have you solved the problem


? I have also encountered how to solve

.
Menu