/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

2 votes332 views1 answer
React native navigation hide navbar
Javascript React
2 votes316 views1 answer
React array find index
Javascript React
0 vote310 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
2 votes301 views5 answers
React native debugger
Javascript React
0 vote322 views1 answer
Reactjs change fill color .svg
Javascript React
0 vote312 views1 answer
2.When will the validation functions be called in the react js
Javascript React
0 vote320 views1 answer
React redux open another page
Javascript React
0 vote297 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote335 views1 answer
Route with parameter react not working not found
Javascript React
0 vote325 views1 answer
React build size
Javascript React