如何使用成帧器运动检测某些滚动位置？

编程问答 2022-06-10

问题描述

当scrollTop等于500px时，我想在固定位置的div上触发动画。有没有办法在成帧器运动中做到这一点。我只找到当元素在视口中时提出的解决方案。但是我的div始终处于视口中，因为它的位置是固定的。我需要一个内置的滚动位置观察器。

sandbox 

import { useInView } from "react-intersection-observer";
import { motion,useAnimation } from "framer-motion";

解决方法

这已经有点老了，但这就是答案。

import { useViewportScroll } from "framer-motion";

const Nav = () => {
    const { scrollY } = useViewportScroll();
    
    scrolly.onChange(y => {
    // y = scroll position
    //Do Something
    })
}

framer-motionreactjsreactjs