Двойная прокрутка с параллаксом реактивной пружины и реактивным трехволоконным холстом
Я пытаюсь создать поле прокрутки с помощью parallax, но по некоторым причинам оно не будет связано с элементом Canvas, даже если я включу оба в один и тот же <div>.
На этом снимке экрана вы можете видеть div1 и div2, каждый из которых имеет собственную функцию прокрутки...
Пробовал в отдельных div
И даже под тем же div все еще не могу избавиться от двойной прокрутки. Есть идеи?
Или react-spring параллакс не совместим с react-three-fiber и поэтому есть библиотека react-three-flex?
Вот коды и коробка
@Josh попытался создать кодовый ящик, но получил ошибку... КОДОВЫЙ ЯЩИК
Вы не добавили react-dom в качестве зависимости, которая четко прописана в терминале
@Josh Я думал, что в next.js это ограничено как зависимость ... Большое спасибо, постараюсь довести до состояния, в котором вы можете увидеть эффект sccrooling - проблема, буду держать вас в курсе
@Josh здесь вы можете увидеть эффект прокрутки (ПРОБЛЕМА) codeandbox.io/s/funny-moore-4epe4?file=/pages/index.js
Ответы 1
Вы можете переместить холст в контейнер Parallax как новый ParallaxLayer вот так — https://codesandbox.io/s/sad-dewdney-r0c0u?file=/components/Parallax.js
ваша песочница кода решает основную проблему прокрутки, но, как мы обсуждали, параллакс не предназначен для использования в том виде, в каком я стремился (слишком отстает) в сочетании. Спасибо
Я рекомендую поставить ручку кода, чтобы люди могли смотреть на код.