So scrollen Sie beim Bildschirmwechsel in React JS und Lenis Smooth Scrolling zurück nach oben
<p>Ich verwende Lenis, um einen reibungslosen Bildlauf zu erreichen, und ich habe eine ScrollToTop.js-Datei, die ich in meiner App.js verwende. Es funktioniert gut, wenn die Seite nicht scrollt, aber wenn ich auf eine Schaltfläche klicke, die mich zu einer anderen Seite führt und das „sanfte Scrollen“ stattfindet, funktioniert scrollToTop nicht. Weiß jemand, wie man das beheben kann? </p>
<p>ScrollToTop.js</p>
<pre class="brush:php;toolbar:false;">import { useEffect } from "react";
import { useLocation } from „react-router-dom“;
import {gsap} aus „gsap“;
import { farben } aus "./constants";
Exportieren Sie die Standardfunktion ScrollToTop() {
const { Pfadname } = useLocation();
const body = document.querySelector("body");
useEffect(() => {
window.scrollTo(0, 0);
// gsap.to(body, { Dauer: 0, Hintergrundfarbe: Farben.weiß });
}, [Pfadname]);
null zurückgeben;
}</pre>
<p>Ich habe versucht, useLayoutEffect auf jeder Seite zu verwenden, aber es funktioniert nicht</p>