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

Question

[art style]

пытаюсь адаптировать данный скрипт под билдер oxygen Для WP https://github.com/amendoa/fullPageScrollPureJS
если делать все по мануалу то все работает
но если заключить код из мануала в еще один div (особенность билдера)
то вся верстка слетает, а скрипт при этом работает..
пример здесь( удалить лишний div)
https://codepen.io/aptypkaa/pen/GRgwzzb

Comments

[Одиночка Айс]

Ну, значит, не оборачивайте. Скрипт, видимо, рассчитан на то, что должен работать с корневым тегом

Answer 1

[Athanor]

Обратите внимание на блок #main после применения скрипта, для него применяются стили:

.scroll-container, .scroll-container section, body, html {
    width: 100%;
    height: 100%;
}

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

Comments

[art style]

я это заметил, но странно то что прописывания эти стили для лишнего div'а, ничего не менялось... сейчас буду перепроверять...

[Athanor]

art style, возможно это происходило, потому что класс для этого div был написан на русском и селектор просто не отрабатывал

[Athanor]

art style, если помогло, отметьте решением, пожалуйста :)