Question

I would like to have the table content to go to the same position that it had before the page is refreshed rather than go to the top of the table content. In other words, if the user scrolls down, and a button triggers a page reload, I want table content to come back to the same position after the refresh.

CSS used for my table is

#invoice_incomplete {width:850px;height:400px;overflow:auto;}

Answer 1

You can achieve this using Javascript. On page load you can write [if table has scroll bar]

document.getElementById("invoice_incomplete").scrollTop = 200px; // where you want scroll

or for your entire page write,

 document.body.scrollTop = 200px; //