handling scrolling on react router transitions

Add Answer

Runtime Terror answered on November 6, 2020 Popularity 8/10 Helpfulness 7/10

Contents

answer handling scrolling on react router transitions

More Related Answers

scoll to top on each route react

react scroll on top while transition

react scroll on top while transition

react scroll to top when route change

how to scroll smoothly in to the top in react js

react scroll direction

overflow scroll react native

React count up on scroll

react scroll on top while transition

react animate on scroll

React scroll animations with Framer Motion

react infinte scroll

react animate on scroll

react scroll animation

page scrolling react js

on scroll animation react

react load after scrolling

smooth scroll to top of page react

add scrolling to a react component withour showing scroll all the time

Scroll to top on page transition in React js

mouse wheel scroll sections in react

handling scrolling on react router transitions

Comment

1

import { useEffect } from 'react';
import { withRouter } from 'react-router-dom';

function ScrollToTop({ history }) {
  useEffect(() => {
    const unlisten = history.listen(() => {
      window.scrollTo(0, 0);
    });
    return () => {
      unlisten();
    }
  }, []);

  return (null);
}

export default withRouter(ScrollToTop);

Popularity 8/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-router transitions

Share

Link to this answer
Share Copy Link

Runtime Terror

Contributed on Nov 06 2020

Runtime Terror

0 Answers Avg Quality 2/10

X

Continue with Google

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

X

Grepper Account Login Required

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

Install Grepper Here