Контент перескакивает по горизонтали, когда браузер добавляет полосу прокрутки

Я использую тело фиксированной ширины и автоматические поля, чтобы центрировать содержимое по центру страницы. Когда содержимое превышает высоту страницы и браузер добавляет полосу прокрутки, автоматические поля заставляют содержимое перемещаться на половину ширины полосы прокрутки влево.

Является ли сравнение outerHeight с window.innerHeight подходящим способом решения этой проблемы? Есть ли другой способ решить эту проблему?

Я думаю, что этой информации должно хватить для решения проблемы, но дайте мне знать, если я могу ответить еще на что-нибудь.

Отредактируйте для пояснения: я не хочу, чтобы полоса прокрутки появлялась принудительно.