[Problem with ScrollTrigger on Chrome mobile]

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/