How to remove scrolling for load more?

Question

React

When you click on the load more button, a request is made to the api and a new portion of data is loaded. The problem is that the screen position drops to the very bottom after loading and adding new data to the original ones, thereby losing control of the user's screen position. I would like to leave the screen position in the old place when the load more button is pressed, with the ability to scroll down, and when the data is over, show the button again, and so on.

Answer 1

in general, if this happens, but you don’t like it, then put the position into a variable and when you click on the loadmore, then set the screen position from the variable