/Javascript/React/React scroll on top while transition

React scroll on top while transition

import ScrollToTop from "./scrollToTop";

function App() {
  return (
    <Router>
      <ScrollToTop />
      <App />
    </Router>
  );
}

Source: stackoverflow.com

React scroll on top while transition

import ScrollToTop from "./scrollToTop";

ReactDOM.render(
    <BrowserRouter>
        <ScrollToTop />
        <App />
    </BrowserRouter>
    document.getElementById("root")
);

Source: stackoverflow.com

React scroll on top while transition

import { useEffect } from "react";
import { useLocation } from "react-router-dom";

export default function ScrollToTop() {
  const { pathname } = useLocation();

  useEffect(() => {
    window.scrollTo(0, 0);
  }, [pathname]);

  return null;
}

Source: stackoverflow.com

Similar codes

0 vote256 views1 answer
Rotas react com axios
Javascript React
4 votes245 views4 answers
React background gradient
Javascript React
0 vote258 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
13 votes192 views1 answer
ReactDOM is not defined
Javascript React
0 vote252 views2 answers
React date picker disable past dates
Javascript React
2 votes244 views2 answers
React Hook Form
Javascript React
0 vote242 views1 answer
Start live server react js
Javascript React
0 vote246 views1 answer
Google-maps-react give undefined lat long
Javascript React
0 vote247 views3 answers
React router browser refresh
Javascript React
0 vote224 views1 answer
React native webview disable touch
Javascript React