x 값 사이에서 애니메이션을 적용하는 코드 조각이 있지만 justify-content: 중앙에서 왼쪽으로 전환하려고 하면 작동하지 않습니다.
다음은 코드 조각입니다.
function Navbar() { const { scrollY } = useScroll(); const x = useTransform(scrollY, [0, 100], ["가운데", "왼쪽"]); 반품 ( <이미지 src="/BlackLogo-2.svg" alt="Cg 로고" 너비={100} 높이={100} 스타일={{패딩: 20,}} 우선 사항 /> ) }
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
해결책을 찾았습니다. useMotionValueEvent 함수를 사용하여 스크롤이 특정 지점을 지나갔는지 확인하고 이를 상태로 설정한 다음 하위 요소(내 이미지)를 Motion.div로 래핑하고 아래와 같이 외부 div에 클래스를 설정해야 합니다. :
으아악