i got same issues here...
i used codesandbox.io for a code demo, which it can be play on android without framing.
I wanted to make a scroll-snap using scrollTrigger, on elements inside a div.container.
html,
body {
height: 100%;
width: 100%;
overflow: hidden;
}
/* For Container */
.main {
overflow-y: scroll;
-webkit-overflow-scrolling:touch;
height: 100%;
scroll-behavior: smooth;
}
.panel {
position: relative;
height: 100%;
top: 0;
background-color: aqua;
border: 1px solid black;
}
This method can keep mobile chrome address bar show when scrollUp or scrolldown. Because the body isnt scroll, but the .main container do the sroll.
https://flgwm.csb.app/