How to scroll to top every time React router change?

How to scroll to top every time React router changed?

First, create a component to handle scroll event like this:


If you'd like to use a class component:


Second, import your scroll-top component and put it at the top of your app, but inside Router
reactscroll to topscroll to top router changescroll top on mounted

Latest

A

Auto scroll to a specify element every time open webpage by Javascript

G

Get height or width of an element in Javascript

T

The way to separate logic code of the Vuejs component into smaller files

C

Convert HTML raw string to DOM Nodes in Javascript

P

Pass the value of only one argument that you don't want to change the value of the rest argument

Related

A

Add and remove scroll event for window in the React App

R

Run function or script only once inside useEffect React

H

How to add Google Analytics to the React App?

H

How to add Google AdSense to your React application?

M

Make a React custom scrollbar component

© 2019 4codev

Created with love by Sil.