/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 vote130 views1 answer
Install aos in react
Javascript React
0 vote135 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote127 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
0 vote129 views1 answer
Telerik grid data automatically scroll to particular record in react
Javascript React
0 vote184 views1 answer
Flipper semantic issue react native
Javascript React
0 vote138 views1 answer
Add active class to button onclick react
Javascript React
0 vote133 views1 answer
Radio button default checked react
Javascript React
1 vote137 views1 answer
Fontawsome icon size react element
Javascript React
1 vote151 views1 answer
How to install react fullpage using npm
Javascript React
0 vote134 views3 answers
How to serve React JS static files with express JS?
Javascript React