scroll Overflow on mobile is not working

[frittata_studio]

Hello guys,

quick question, I am trying to prevent the bounce when the end of the page has been reached.

I have added this is custom css:

html {
    background-color: #FF8200;
    scroll-behavior: smooth;
    overflow: hidden;
    height: 100%;
}
body {
    -webkit-font-smoothing: antialiased;
    overflow: auto;
    height: 100%;
}

and it seems to works fine on desktop, but if I keep the same code for mobile as well, it does not seems to work in the same way as per desktop.

It basically remove the option to refresh the page when user will scroll up and also keep the bounce effect.

Do you have any idea how I can remove it for mobile as well?

Thank you so much

https://frittatastudio.co.uk/

[arminunruh]

use this css

body {
    overscroll-behavior-y: none;
}

you dont need any of the css you're using

https://developer.mozilla.org/en-US/docs/Web/CSS/overscroll-behavior-y