小编Adr*_*cía的帖子

使用 Typescript 的 Framer-motion 动画:ScrollY 找不到 .current

我正在尝试创建一个动画,当用户向下滚动时隐藏菜单,当用户返回顶部时菜单出现。

一切正常,但是当我尝试赋予为钩子提供useScroll类型的scrollY属性时,问题就出现了。

这是我找不到实现该类型的方法的代码。

 const { scrollY } = useScroll();
 const [isScrolling, setScrolling] = useState<boolean>(false);

 const handleScroll = () => {
  if (scrollY?.current < scrollY?.prev) setScrolling(false);
  if (scrollY?.current > 100 && scrollY?.current > scrollY?.prev) setScrolling(true);
 };

useEffect(() => {
  return scrollY.onChange(() => handleScroll());
});
Run Code Online (Sandbox Code Playgroud)

types typescript reactjs framer-motion

0
推荐指数
1
解决办法
674
查看次数

标签 统计

framer-motion ×1

reactjs ×1

types ×1

typescript ×1