/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

4 votes325 views2 answers
React multiple select dropdown
Javascript React
0 vote360 views1 answer
Donwload data from react js in json file
Javascript React
5 votes731 views1 answer
Inline z-index react
Javascript React
0 vote374 views1 answer
What is react headroom
Javascript React
5 votes340 views2 answers
React img not showing
Javascript React
0 vote317 views1 answer
React return value from component
Javascript React
0 vote351 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
0 vote329 views2 answers
React social login buttons
Javascript React
-2 votes265 views1 answer
React router previous location
Javascript React
0 vote326 views1 answer
React notification
Javascript React