Scroll to the top of the page after render in react.js

by

Finally.. I used:

componentDidMount() {
  window.scrollTo(0, 0)
}

EDIT: React v16.8+

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

More Related Contents:

  1. Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag
  2. Angular 2 Scroll to bottom (Chat style)
  3. How do I correctly pass a “cell item” to a .sheet from a SwiftUI LazyVGrid?
  4. Detect scroll direction in React js
  5. Scroll into view in react
  6. Using Tumblr Like Button with Infinite Scroll
  7. How to Call a Function inside a Render in React/Jsx
  8. scrollintoview animation
  9. How to check if element is visible after scrolling?
  10. React setState not Updating Immediately
  11. When to use functional setState
  12. Applying className/onClick/onChange not working on Custom React Component
  13. Warning: Text content did not match. Server: “I’m out” Client: “I’m in” div
  14. How do I restrict the type of React Children in TypeScript, using the newly added support in TypeScript 2.3?
  15. How to loop and render elements in React.js without an array of objects to map?
  16. ReactJS: Warning: setState(…): Cannot update during an existing state transition
  17. Do I have to store tokens in cookies or localstorage or session?
  18. When should I use brackets with imports
  19. Detect if a page has a vertical scrollbar?
  20. Use custom build output folder when using create-react-app
  21. Uncaught Error: Invariant Violation: findComponentRoot(…, …$110): Unable to find element. This probably means the DOM was unexpectedly mutated
  22. I am getting error in console “You need to enable JavaScript to run this app.” reactjs
  23. Error: How to serialize data from getStaticProps : Next.js
  24. Uncaught TypeError: fs.readFileSync is not a function
  25. What is the difference between componentWillMount and componentDidMount in ReactJS?
  26. Use Object.assign or Spread Operator in React/Redux? Which is a better practise
  27. Read the current full URL with React?
  28. How to use images in css with Webpack
  29. React’s setState method with prevState argument
  30. Next Image not taking class properties

Leave a Comment