IScroll не работает, если содержимое 100% высоты?

Question

Я использую IScroll на странице, которая сильно использует ScrollMagic, но не может на всю жизнь получить IScroll для работы. Основная проблема заключается в том, что большинство (но не всех) элементов на странице должны занимать 100% высоты видового экрана, поскольку они настроены как слайды с некоторыми сложными анимациями внутри них. Однако для работы height: 100% все родительские элементы должны быть одинаковыми. Это приводит к тому, что IScroll вычисляет высоту элемента оболочки на высоте окна просмотра, и, следовательно, он считает, что больше нет контента. Я работаю над jsfiddle, чтобы протестировать/продемонстрировать проблему, но задавался вопросом, столкнулся ли кто-нибудь еще с аналогичной ситуацией раньше.

Answer 1

Проблема в том, что высота всегда вычисляется относительно следующего родителя смещения.
Поскольку внутренняя оболочка iScroll должна быть расположена относительно, она является родителем смещения каждого ребенка и, следовательно, основой для их расчета высоты.

Существует простое решение, хотя:
Вместо height: 100% использования height: 100vh в вашем CSS.
Viewport единиц является то, что только немногие люди, кажется, знают о том, хотя его поддержка вполне достаточно: http://caniuse.com/#feat=viewport-units

надеюсь, что это помогает,
J