If it does not scroll as expected on iOS, try:
height: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
That’s all!
Also see:
https://developer.mozilla.org/ and https://remysharp.com/
Love his conclusion/comment, so I’ll leave you with that:
“It’s a huge headache that Apple have half arsed-ed-ly fixed the position:fixed issue and done in a typically Microsoft proprietory way.”
Next issue to look into, the bounce:
https://www.smashingmagazine.com/2018/08/scroll-bouncing-websites/
Does this work? (not for me…)
body { overscroll-behavior: none; }