JavaScript重新加载滚动

Question

我有以下JavaScript函数;当我单独使用重新加载时它工作正常，并且在我单独使用滚动时工作正常;但是当我将两者结合在一起时它不会滚动;我试图改变序列，但没有帮助;

function myFunction() { 
    window.open("http://www.example.com"); 
    location.reload(true); 
    window.scrollBy(0,1000); 
} 

在此先感谢您的帮助。

Answer 1

您可以将散列设置为somehash，然后重新加载页面。之后，在你的身体onload中，检查散列，如果散列是somehash，请滚动页面。

function myFunction() { 
    window.open("http://www.example.com"); 
    location.hash = 'somehash'; 
    location.reload(true); 
} 

将以下函数添加到您的页面onload事件处理函数。

function scrollOnload() { 
    if (location.hash == 'somehash') { 
     window.scrollBy(0,1000); 
    } 
} 

Answer 2

如果您想让浏览器在重新加载后做某些事情，您需要将标志保留在某处。这里是一个使用示例sessionStorage：

function myFunction() { 
    window.open("http://www.example.com"); 
    sessionStorage.setItem('scroll', true); 
    location.reload(true); 
} 

document.body.addEventListener('load', function() { 
    if (sessionStorage.getItem('scroll')) { 
     window.scrollBy(0, 1000); 
     sessionStorage.removeItem('scroll'); 
    } 
});