Как сделать центрированную HTML-страницу независимой от вертикальной полосы прокрутки?

Question

У меня есть веб-сайт (http://www.rtistree.com), на котором есть вертикальная полоса прокрутки на некоторых страницах. Но на некоторых страницах ее нет. Содержимое страниц центрируется, но при появлении вертикальной полосы прокрутки содержимое немного сдвигается влево (8 пикселей)Как сделать мой контент центрированным независимо от вертикальной полосы прокрутки?

Answer 1

Привет Epsiloncool. Одним из решений является постоянное отображение прокрутки.

html { overflow-y: scroll; }

Answer 2

у вас есть два варианта.

установить ваше тело на переполнение-y: скрытый;

ИЛИ

переполнение тела-y: авто;

Авто всегда будет иметь полосу прокрутки, но не активна, если она не нужна, скрытая будет всегда ее удалять.Лучший вариант - сделать авто, что снимет смещение вашего контента.

Answer 3

Я думаю, что самый распространенный способ - это всегда иметь полосу прокрутки:

html
{
     overflow-y: scroll;
}

Если у вас всегда есть эта опция, раздражающий «эффект переворачивания» исчезнет.