/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 vote152 views4 answers
Reactnative sliding image
Javascript React
0 vote150 views1 answer
Show and Hide element in react
Javascript React
0 vote131 views2 answers
React hook toggle state
Javascript React
0 vote158 views1 answer
Reactjs events list
Javascript React
-1 vote181 views5 answers
Context Api in react
Javascript React
20 votes146 views6 answers
Useeffect react example
Javascript React
0 vote156 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote145 views1 answer
Getting state in react-router-dom v6
Javascript React
1 vote153 views1 answer
Using React useRef hook to focus input field on button click
Javascript React
-1 vote130 views6 answers
Set image as background react
Javascript React