Reaction-spring: Могу ли я установить высоту только по высоте окна просмотра (с помощью атрибута `pages`)? - PullRequest
0 голосов
/ 01 октября 2019

Я пытаюсь использовать react-spring для создания эффекта параллакса на моем сайте. Я хочу, чтобы контейнер параллакса был фоном всего сайта, плюс нижний колонтитул 100vh. Вот простая диаграмма того, что я имею в виду: ideal react-spring page layout

Моя проблема в том, что согласно документам по параллаксу с реактивной пружиной , для контейнера параллакса требуется pages атрибут, который «определяет общее пространство внутреннего содержимого, где каждая страница занимает 100% видимого контейнера».

Из моего понимания этого, а также из моего тестирования это означает, что я иметь , чтобы явно установить всю высоту этого контейнера параллакса на основе деления 100% высоты области просмотра. Это означает, что я не могу просто позволить контейнеру Parallax содержать содержимое моего сайта, у которого нет заданной высоты, не говоря уже о высоте, деленной на 100vh.

Так что мой вопрос: могу ли яКонтейнер Parallax react-spring содержит ровно весь контент моего сайта, плюс 100vh внизу?

Вот демонстрационная песочница моей проблемы с атрибутом Parallax pages, установленным в строке 29: https://codesandbox.io/embed/react-spring-pageheight-question-c12er

...