CSS - Сдвиг страницы при появлении скролла

Вариант 1

Чтобы не изменялась ширина страницы при появлении скролла можно воспользоваться динамическим паддингом:

1
padding: 0 calc(20px - (100vw - 100%)) 0 0;

Вариант 2

1
2
3
4
5
6
html {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
}

calc(-1 * (100vw - 100%))!important;