Sticky Scrolling in iOS apparently related with overflow:scroll


1 - This issue is in iOS and maybe Android. Instead of SMOOTH SCROLLING my home-page caught a sticky behaviour somewhere along my edits. Researching I found reference to overflow:scroll to provoque this.
( )

It makes sense since I had applied it to one of the elements that overlays: scroll-wrapper. And it is necessary along with other combined edits to prevent double scroll bars and keep the background still.

The fix to the resulting stickiness comes in this form supposedly:

-webkit-overflow-scrolling: touch;

I have tried to add that custom code between style tags in the head of the site to no avail. Maybe I didn’t do it right…
I also went for this other option to the page and site-wide:

<style media="screen" type="text/css">
html {
    -webkit-overflow-scrolling: touch;

This last, while it restored the smoothness it also made the page scroll loose on the edges.

I have erased all custom code attempts for now.
Any help would be appreciated as I have limited very knowledge of HTML, CSS and JS.

In iOS, please go to:

To open the overlay click:

Thank you.

All you have to do is go to that page and set the Body height to auto. Idk why nobody has responded to you but I hope that this helps you.