Добавить ось X в No Scroll Refresh

Question

Может кто-нибудь помочь мне добавить ось X в мое обновление без прокрутки. Я не хочу, чтобы он прокручивался вверх или влево на каждом обновлении, что очень часто.

<script type="text/javascript"> 
function refreshPage() { 
    var page_y = document.getElementsByTagName("body")[0].scrollTop; 
    window.location.href = window.location.href.split('?')[0] + '?page_y=' + page_y; 

} 
    window.onload = function() { 
     setTimeout(refreshPage, 1700); 
      if (window.location.href.indexOf('page_y') != -1) { 
       var match = window.location.href.split('?')[1].split("&")[0].split("="); 
       document.getElementsByTagName("body")[0].scrollTop = match[1]; 

                   } 
            } 
</script> 

Answer 1

Использование:

function refreshPage() { 
    var page_y = document.getElementsByTagName("body")[0].scrollTop; 
    var page_x = document.getElementsByTagName("body")[0].scrollLeft; 
    window.location.href = window.location.href.split('?')[0] + '?page_y=' + page_y + "&page_x=" + page_x; 
} 
window.onload = function() { 
    setTimeout(refreshPage, 10000); // you can change the timer again but I don't recommend making it too fast 
    var match = window.location.href.split('?')[1].split("&");  
    if (window.location.href.indexOf('page_y') != -1) { 
     document.getElementsByTagName("body")[0].scrollTop = match[0].split("=")[1]; // page_y 
    } 
    if (window.location.href.indexOf('page_x') != -1) { 
     document.getElementsByTagName("body")[0].scrollLeft = match[1].split("=")[1]; // page_x 
    } 
} 

Answer 2

Это уже поведение браузеров (по крайней мере, я тестировал в Firefox и Chrome).

Хотя, это не делает это из-за того, как вы делаете перезагрузку. При перезагрузке метода он работает нормально.

//location.reload(forceGet): forceGet is false by default 
//false will make it load from the cache 
window.location.reload() 

Но если вы действительно хотите сделать это вручную

var page_y = window.scrollY; 

window.scrollTo(0, match[1]) 

В текущем коде, это будет выглядеть следующим образом:

<script type="text/javascript"> 
function refreshPage() { 
    var doc = document.documentElement 
    var body = document.body; 
    var page_y = window.scrollY || ((doc && doc.scrollTop) || (body && body.scrollTop || 0)) - (doc.clientTop || 0); 
    window.location.href = window.location.href.split('?')[0] + '?page_y=' + page_y; 
} 
window.onload = function() { 
    setTimeout(refreshPage, 1700); 
    if (window.location.href.indexOf('page_y') != -1) { 
     var match = window.location.href.split('?')[1].split("&")[0].split("="); 
     window.scrollTo(0, match[1]); 
    } 
} 
</script> 

Я не знаю, что вы хотите сделать, Но я бы предложил изменить что-то локально, если вам нужно, и не перезагружать всю страницу.

Редактировать

Для работы на нескольких платформах, используя this решения.