Использование Framer Motion useScroll не работает, когда объявлено свойство контейнера. ⇐ CSS

[Anonymous]

По сути, когда useScroll используется отдельно, без присоединения свойства контейнера, он обнаруживает прокрутку и изменяет значение движения. Но мне это не нужно, потому что он обнаруживает всю страницу.
Я просто хочу определить ход прокрутки для определенного раздела, раздела, в котором объявлена ​​ссылка - в данном случае родительский . Однако когда вы добавляете в хук поддержку контейнера:, он не обнаруживает прокрутку. Вот мой код:

Код: Выделить всё

import { useRef } from "react";
import {
motion,
useMotionValueEvent,
useScroll,
useTransform,
} from "motion/react";

export default function Home() {
const ref = useRef(null);
const { scrollY } = useScroll({
container: ref,
});

useMotionValueEvent(scrollY, "change", (latest) => {
console.log("Latest: ", latest);
});

const opacity = useTransform(scrollY, [0, 500], [1, 0]);

return (





);
}

Консоль.log в useMotionValueEvent всегда регистрирует 1 один раз, когда объявлен контейнер: ref . Но не меняется при прокрутке.
Я следил за их документацией, но безуспешно.
Уже пробовал изменить родительский div на motion.div но это все то же самое. Также попробовал указать параметр offset, но он все тот же.

Подробнее здесь: https://stackoverflow.com/questions/793 ... s-declared