Далее JS - Движение во время обзор не запускается при мягкой навигации ⇐ Javascript

[Anonymous]

Я делаю сайт портфеля, используя Next JS и Motion, для раздела проектов, который я анимирую карты проектов, используя во время INTVIEW . Он работает нормально, но когда я делаю мягкую навигацию и перехожу к экрану большего количества проектов, это не запускается. Это также работает, когда я делаю твердое обновление. < /P>
См. Это в действии здесь < /p>
projects.tsx
import { cn } from "@/lib/utils";
import Wrapper from "@/components/shared/page";
import { ProjectCard } from "./project-card";
import { Button } from "@/components/ui/button";
import { ArrowRight } from "lucide-react";
import Link from "next/link";
import { ROUTES } from "@/lib/constants/routes";

export function Projects({
className,
showMoreButton
}: {
className?: string;
showMoreButton?: boolean;
}) {
return (


...
title={"Wall of wonder"}
imgUrl={"/images/project-1.webp"}
skipMargin
/>

... {/* without skipMargin */}


);
}
< /code>
project-card.tsx
"use client";
import { cn } from "@/lib/utils";
import { motion } from "motion/react";
import Image from "next/image";
import { useRef } from "react";

export const ProjectCard = ({
reverse,
imgUrl,
title,
skipMargin
}: {
title: string;
reverse?: boolean;
imgUrl: string;
skipMargin?: boolean;
}) => {
const scrollRef = useRef(null);

return (


...






);
};

< /code>
Pages:
// Home

const Home = () => ... ...;
const Projects = ()=> ;


Подробнее здесь: https://stackoverflow.com/questions/794 ... navigation