在Chrome浏览器中第二次未加载页面

Question

In page_1 , there is a table containing many rows with hyperlinks in every one of the rows, when clicking any of them it goes to page_2 and suppose I scroll down to row number 100 which is almost at the bottom of the page_1 .

In page_2 , when I am clicking the back button of the Chrome browser , it gets back to page_1 but it is loading the table again and remains at the top. But I want it not to load and remain at the bottom of the table row 100 in page_1 .

In Mozilla FireFox , my condition is fulfilled automatically but not in case of Google Chrome browser .

is this achievable using javascript/jquery ? I am going through some solves but still not working yet!

Answer 1

When you move to page_2 store the scroll location in some global variable with the below code.

var scroll = document.documentElement.scrollTop;

Now when u come back to page_1 set the scrollTop again.

document.documentElement.scrollTop = scroll;