Я делаю сайт портфеля, используя 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
