react scroll on top while transition

Comment

1

import ScrollToTop from "./scrollToTop";

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

Popularity 5/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-scroll transition

Share

Link to this answer
Share Copy Link

Contributed on Feb 02 2022

Splendid Seal

0 Answers Avg Quality 2/10

react scroll on top while transition

Comment

1

import ScrollToTop from "./scrollToTop";

ReactDOM.render(
    <BrowserRouter>
        <ScrollToTop />
        <App />
    </BrowserRouter>
    document.getElementById("root")
);

Popularity 5/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: transition javascript react-scroll

Share

Link to this answer
Share Copy Link

Contributed on Feb 02 2022

Splendid Seal

0 Answers Avg Quality 2/10

react scroll on top while transition

Comment

0

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

Popularity 7/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: transition javascript react-scroll transitio

Share

Link to this answer
Share Copy Link

Contributed on Feb 02 2022

Splendid Seal

0 Answers Avg Quality 2/10

Scroll to top on page transition in React js

Comment

0

useEffect(() => {
  window.scrollTo(0,0)
},[])

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: www.learnbestcoding.com

Tags: scroll javascript page-transition

Share

Link to this answer
Share Copy Link

Contributed on Jun 14 2023

Simman

0 Answers Avg Quality 2/10

react scroll on top while transition

Contents

More Related Answers

react scroll on top while transition

Closely Related Answers

react scroll on top while transition

react scroll on top while transition

Scroll to top on page transition in React js

Grepper

Documentation

Social

Legal

Contact

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