How to remove scrollIntoView in componentWillUnmount

Asked Sep 09 '18 at 17:04

Active Sep 09 '18 at 17:17

Viewed 365 times

I used refs to manage the scroll event

 <section ref={(tasks) => {
                this.tasks = tasks
              }}>

I am using scrollIntoView to scroll to a particular div on a goToTasks click.

 goToTasks = () => {
    this.tasks.scrollIntoView({
    behavior: 'smooth',
    block: 'center',
    inline: 'center'
  })
  }

I want to remove the scrollIntoView. When I move to the next page. I get the same scroll Position in the new page.

How can I remove the remove scrollIntoView in componentWillUnmount

edited Sep 09 '18 at 17:17

asked Sep 09 '18 at 17:04

Geethu Jose

Can you you shows how did you assign to `refs`? Also are you going to the next page using react router? – Arup Rakshit Sep 09 '18 at 17:08
{ this.tasks = tasks }}> – Geethu Jose Sep 09 '18 at 17:17
Are you looking for [window.scrollTo](https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo)? – xehpuk Sep 09 '18 at 17:20
@xehpuk No I am not – Geethu Jose Sep 09 '18 at 17:23
which version of react-router do you use – Shubham Khatri Sep 09 '18 at 17:24
Then it's unclear what you're asking. You can change the scroll position with `window.scrollTo`. – xehpuk Sep 09 '18 at 17:25

0 Answers0