@arttstyle
web-макака

Почему слетает верстка из-за лишнего div?

пытаюсь адаптировать данный скрипт под билдер oxygen Для WP https://github.com/amendoa/fullPageScrollPureJS
если делать все по мануалу то все работает
но если заключить код из мануала в еще один div (особенность билдера)
то вся верстка слетает, а скрипт при этом работает..
пример здесь( удалить лишний div)
https://codepen.io/aptypkaa/pen/GRgwzzb
  • Вопрос задан
  • 122 просмотра
Решения вопроса 1
Athanor
@Athanor
Лайк + Решение: не жмись, нажми
Обратите внимание на блок #main после применения скрипта, для него применяются стили:
.scroll-container, .scroll-container section, body, html {
    width: 100%;
    height: 100%;
}

Собственно, эти проценты берутся от родителя, если родителем выступает body, то все ок, т.к. для него применяются те же самые стили, в вашем же случае родителем выступает дополнительный блок, который этих стилей не имеет и по умолчанию не растягивается. Чтоб это исправить, достаточно прописать эти стили для этого блока так
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы