Streaming live at 10am (PST)

Page scrolling is getting stuck when setting overflow hidden to body


As described in the header, I’m trying to set the overflow for the body, but then I loose the scrolling for the page.

Any suggestion of how to solve it?


The body overflow is visible (By default):

body {overflow: hidden;} = clipping+ no scroll (“hide overflow” + no scrollbars are provided).
This idea usefull when you want to prevent scrolling when modal/popup is open - example

overflow docs

Anyway, Add URL + read-only link + Tell what you trying to get (“I want to create a modal…popup…effect X or Y”)


Thanks Siton,
This is not for a modal/popup.
It’s a Div that goes beyond the page border edge.

The reason I need it to go beyond the (right) side border is because this div is triggering some interactions of underlying elements, and it has to be in this specific location,
however i would love to be able to set “Overflow hidden” for the Body, so this should prevent the page from scrolling horizontally

Here is my Read Only link:
Please check the second page, called “Doopels app”, the bottom of the page, the div covering the iPhone.

Thanks for helping.