Reset ref after reloading component about react-bottom-scroll-listener HOT 6 CLOSED

Invoking scrollRef.current.scrollTo(0, 0) at the appropriate moment (maybe after the loading is complete?) should do the trick.

from react-bottom-scroll-listener.

Hmm... Are you saying the ref changes and the scroll listener stops working?

from react-bottom-scroll-listener.

No it's not stops working but my problem is when you have a table with a filter, after filtering your table is reloaded but I don't want it to scroll to the position in the past before filtering(scrollTop must be 0 in this case), so how can I set scrollTop to 0?

from react-bottom-scroll-listener.

If you simply need to scroll the page to the top again you can use window.scrollTo(0, 0).

from react-bottom-scroll-listener.

If you are scrolling inside a specific container you should be able to use .scrollTo on the ref as well.

from react-bottom-scroll-listener.

<BottomScrollListener]([url](url)) onBottom={props.onFetchMore} offset={200}> {scrollRef => { return ( <TableContainer ref={scrollRef} style={{ height: height - actionHeight - 5, maxWidth: width }} > </TableContainer> ); }} </BottomScrollListener>

Maybe for this component, can you tell me how I can use the .scrollTo in this specific container?

from react-bottom-scroll-listener.