Popups shifting due to browser scroll bar (SOLVED)

[wesfrank]

Can’t reply to old topics (this should be changed) so I had to make a new one.

Popups shifting due to browser scroll bar

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).

Elements & Popups shifting due to browser scroll bar

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.