将页面加载到上一个滚动点

Question

I have a PHP page that generates a long table of items. One column lists actions available for each item (row) one of which is "delete." After deleting the record the entire page is reloaded, with the top of the table at the top of the screen. This is a bother, though. If I'm deleting an item far down in the table I want the reload to scroll to where I was, so it's easy to delete the next item. As it is, I have to manually scroll down several times and find where I was before I can delete the next row.

How can I make a new load of the page scroll automatically down to where I was?

I'm doing this in WordPress, if it makes any difference.

Answer 1

The way that I did this for a previous job was to get the index of the "tr" that housed the delete button and store it into session storage. On the page reload I got the index number out of session storage and scrolled to that index.

//function to set line index on clicking a table row        
    $("table").eq(2).on('click','tr',function () 
        {
            var lineNum = $(this).closest("tr").index();
            sessionStorage.setItem('lineNumber',lineNum);
        });

    //retrieves line index and scrolls to it
    var line_Number=parseFloat(sessionStorage.getItem('lineNumber'));
    $("tr").eq(line_Number)[0].scrollIntoView();    

If I was doing it now, I would probably use Ajax and forget about reloading the page and simply delete the contents and leave the page where it was without having to worry about the index or scrolling to it.