Как найти горизонтальный скролл на сайте

Содержание

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

Вариант 1

Задать в стилях CSS код:

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

Кстати, чтобы код стилей можно вставить непосредственно в консоли браузера, чтобы не лезть в файлы стилей или настройки, просто откройте консоль браузера (F12) во вкладке «Elements», через контекстное меню ПКМ выберите «Edit as HTML» (редактировать как HTML) и вставьте где-нибудь код выше, обернув в тег style – .

Указание стилей в консоли браузера

Вариант 2

В консоли браузера (F12) «Console» вставляем JS-код и нажимаем Enter:

После выполнения кода должно вывести «undefined» или еще другие строки, например

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

Примерно такой результат кода из второго варианта

Источник

Ссылка на основную публикацию