Framer Motion - использует Croll / USETRANSFORM Прыжки на твердом обновлении ⇐ Javascript

[Anonymous]

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

  const ref = useRef(null)
const { scrollYProgress } = useScroll({
target: ref,
offset: ['0%', '0% 50%']
})

const scale = useTransform(scrollYProgress, [1, 0], [0.9, 1])

return (

{children}

)
< /code>
Я пытаюсь создать компонент, который масштабирует элементы в качестве пользователя. Это только тонкое. < /P>
У меня есть проблема, когда компонент «выше сгиба». Анимация «прыгает», как только вы начнете прокручивать, осматривая встроенные стили из Framer показывает, что на странице загрузки элемент имеет шкалу преобразования: масштаб (0,9383332); 

, но если вы прокручиваете вниз, а затем резервное копирование показывает Transform: Scale (0.91334) Что вызывает прыжок. Я чувствую, что это должно быть общепринятым случаем анимирующих элементов, которые находятся в виде при загрузке страницы.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... rd-refresh