Простая проблема с полосой прокрутки при изменении размера окна

Question

Я знаю, что есть безумно простое решение для этого, но для моей жизни я просто не могу его получить.У меня есть сайт, где ширина контента составляет 848 пикселей (странно, я знаю), но за пределами него есть абсолютно позиционированный div с шириной 1496 пикселей.Они выровнены по центру, и мне нужно добавить полосу прокрутки ТОЛЬКО после изменения размера окна, чтобы оно было более узким, чем 848 пикселей.проверить это на brianbattenfeld.com/fingers/

Answer 1

Вы всегда можете использовать CSS Media Queries для определения ширины браузера, затем вы можете добавить полосы прокрутки на нужную страницу / элементы.Я не смог бы сработать, если бы вы использовали горизонтальную или вертикальную полосу прокрутки, когда ширина достигает 848 пикселей, так как в настоящее время горизонтальных полос прокрутки нет вообще.

Возможно, что-то подобное будет работать (не проверялкак только приблизительное руководство)

@media (min-width:848px) {
  html {
    overflow: -moz-scrollbars-vertical; 
    overflow-x: hidden; 
    overflow-y: scroll;
  }
}

Надеюсь, что это полезно!