Я пытаюсь использовать react-spring
для создания эффекта параллакса на моем сайте. Я хочу, чтобы контейнер параллакса был фоном всего сайта, плюс нижний колонтитул 100vh. Вот простая диаграмма того, что я имею в виду:
Моя проблема в том, что согласно документам по параллаксу с реактивной пружиной , для контейнера параллакса требуется pages
атрибут, который «определяет общее пространство внутреннего содержимого, где каждая страница занимает 100% видимого контейнера».
Из моего понимания этого, а также из моего тестирования это означает, что я иметь , чтобы явно установить всю высоту этого контейнера параллакса на основе деления 100% высоты области просмотра. Это означает, что я не могу просто позволить контейнеру Parallax содержать содержимое моего сайта, у которого нет заданной высоты, не говоря уже о высоте, деленной на 100vh.
Так что мой вопрос: могу ли яКонтейнер Parallax react-spring
содержит ровно весь контент моего сайта, плюс 100vh внизу?
Вот демонстрационная песочница моей проблемы с атрибутом Parallax pages
, установленным в строке 29: https://codesandbox.io/embed/react-spring-pageheight-question-c12er