Почему появляется горизонтальный скрол?

Question

[parnasmi]

Всем привет.

Верстаю адаптивный макет. В началном экране появляется горизонтальный скрол. Вот скрин. Появляется он именно в началном экране. Как только скролим вниз, горизонтальный скрол исчезает и вся станет на свое место. Я обнаружил что скрол появляется из-за блока слайдера отзывы внизу. Слайдер реализован через плагин Flickity. Если его(блок отзывы) убрать, то, скрола нет. Исползование других плагинов слайдера(owlCarousel, Slick) проблему не решает. В чем может быть причина проблемы? Спасибо заранее за любые наводки и помощь! Вот ссылка на сайт.

Answer 1

[Максим Тимофеев]

примените overflow-x: hidden; к body или на родителя блока который растягивает body

Comments

[parnasmi]

Да, верно. Помогло. Спасибо. Как это не пришло в голову =))

Answer 2

[Ivan Bogachev]

Как только скролим вниз, горизонтальный скрол исчезает и вся станет на свое место.

Он исчезает, а потом опять появляется. Интуиция подсказывает, что проблема где-то здесь:

Нехитрое правило

.nicescroll-rails {
    display: none !important;
}

убирает скролл, что подтверждает наличие проблемы именно в этом месте. Альтернативный вариант решения проблемы - overflow: hidden. Но по идее было бы хорошо найти скрипт, который это генерирует, и убрать его: такое позиционирование элементов - зло.

Comments

[parnasmi]

Спасибо за попытку помоч!