scroll Overflow on mobile is not working
-
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
-
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
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it
Forgot your key, lost your files, need a previous Lay Theme or Addon version?
Go to www.laykeymanager.com