Предотвращение ретрансляции из-за полосы прокрутки

Как я могу предотвратить "нажатие" тела страницы слева, когда появляется полоса прокрутки из-за содержимого ajax? Я могу, конечно, установить переполнение: прокрутить до тела, но это будет выглядеть не очень хорошо.

Я использую bootstrap, но я думаю, что это общий вопрос.

Ответ 1

Вы можете создать контейнер с фиксированной шириной и предоставить контент той же ширины (та же статическая ширина - не 100%). Таким образом, когда содержимое переполняет родителя, свиток не будет выталкивать содержимое, но будет течь над ним.

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

Проверьте этот простой Демо

EDIT: Здесь Я показываю разницу между установкой статической ширины и%.

Ответ 2

Ну, полоса прокрутки всегда будет отодвигать ваш контент в сторону, вы действительно ничего не можете с этим поделать. Что вы можете сделать, так это всегда показывать панель прокрутки, например:

html,body {
    height:101%;
}

или

html {
    overflow-y: scroll;
}