Breaking News: Grepper is joining You.com. Read the official announcement!

when navigating into another page, its position will remain like the page before

WAJID answered on July 20, 2022 Popularity 1/10 Helpfulness 1/10

answer when navigating into another page, its position will remain like the page before

when navigating into another page, its position will remain like the page before

Comment

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;
}


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

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript position when

Link to this answer
Share Copy Link

Contributed on Jul 20 2022

WAJID

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

when navigating into another page, its position will remain like the page before

Contents

More Related Answers

when navigating into another page, its position will remain like the page before

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.