Как заставить панель прокрутки перемещать мою страницу?

Я сосредоточил содержимое своей страницы, обернув содержимое страницы в div-оболочку и затем поместив ее в таблицу стилей:

#wrapper {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

Проблема: когда содержимое увеличивается и появляется вертикальная полоса прокрутки, он смещает содержимое, поскольку размер окна просмотра изменился. Как мы можем убедиться, что положение центрированного содержимого не изменяется независимо от видимости полосы прокрутки?

ОТВЕТЫ

Ответ 1

Поскольку ваш контент расположен относительно размера окна (margin-left: auto; margin-right: auto), когда изменяется ширина страницы (когда появляется полоса прокрутки), изменяется и положение вашего контента.

Чтобы исправить это, вы можете указать абсолютную позицию для своего контента на странице, используя это: postion:absolute

Другой вариант - использовать свойство overflow-y, чтобы указать, следует ли клип содержимого, которое переполняется на содержимое элементов.

html {overflow-y:scroll;}