Can’t reply to old topics (this should be changed) so I had to make a new one.
I also have this question. It went unanswered before it closed.
When I open a popup, the browser scroll bar disappears and when the popup closes, it shifts to the left to the amount of the width of the scrollbar (approx. 10px). This also applies to the whole site; it loads and as soon as the scroll bar shows up, it moves to the left. This also happens in safe mode (without plugins and html).
Since a few days, my bubble sites react to the browser scrollbar being active/inactive.
When I open a popup, the browser scroll bar disappears and when the popup closes, it shifts to the left to the amount of the width of the scrollbar (approx. 10px). This also applies to the whole site; it loads and as soon as the scroll bar shows up, it moves to the left. This also happens in safe mode (without plugins and html).
Does anybody else also observe this? Any idea how to prevent it?
Thanks,
Gaud…
The solution is to always show the scrollbar with some HTML. That way, no matter what changes on the screen, your elements are always centered.
The code is:
<style>
html {
overflow-y: scroll;
}
</style>
So just stick an HTML element anywhere on the page and input that code.
2 Likes
Thanks for posting that solution. I have one problem with ith though. It works perfectly until the first time I close a popup. When I close it I suddenly have two scrollbars showing on the right. Any idea what I could do about that or why that happens? The layout starts shifting again for me with the two scrollbars.
1 Like
Sounds like this isn’t ISN’T SOLVED?
It solved the original poster’s problem so the original poster marked it solved.
If you’re having issues you should start a new thread.
ryan37
October 10, 2023, 10:04pm
5
HI Is there a solution to this this html hack just creates a double scroll bar
ryan37
October 10, 2023, 11:08pm
6
solved add empty html and add condition when pop is visible HTML:
html {
overflow-y: scroll;
}