Можно ли на JS отследить появление прокрутки?

Question

[DrunkMaster]

Тестировал вёрстку с 2 сматрфонов. На одном с экраном шириной 357px всё нормально, на другом с шириной 360 появляется небольшая горизонатльная прокрутка в одном блоке (странно но факт). Подумалось, можно ли на JS поймать этот момент и скорректировать ширину автоматически?
Там ведь есть функция которая получает истинные размеры блоков и они будут в px даже если указаны в % в CSS. Остаётся сложить, и сравнить с размером viewport...

Answer 1

[Кирилл]

JSом такие проблемы решать это как зуб через задний проход удалять.

body {
  overflox-x: hidden;
}

Если сходу проблемный блок не находится, значит он где-то внутри контейнеров, поищете, поочерёдно удаляя элементы и проверяйте пропал скролл или нет.
Так же в стилях проверьте медиа выражения на 360 пикселей, если на 357 все норм, а на 360 нет, значит добавляются какие-то стили.
Ну и для отладки добавьте в стили и посмотрите какие блоки вылазиют куда не нужно)

*, *:before, *:after {
  outline: 1px solid red;
}

Comments

[DrunkMaster]

Да я знаю где проблемный блок, проблема в том, что я не могу покрыть своим вниманием все браузеры и разрешения. Поэтому хочется немного автоматизации ))

Answer 2

[lemme]

document.querySelector('div').scrollWidth > window.innerWidth

Answer 3

[Юлия]

лучше всего через media подгонять некоторые элементы под определенный диапазон высоты или ширины

Comments

[DrunkMaster]

media уже все есть