Javascript 当页面刷新时,防止在页眉中显示刷新代码时滚动
我的页面头部有页面刷新代码。那部分很好用。但是如果用户在页面上向下滚动,当刷新点击时,页面会滚动到顶部。我想防止向上滚动,让页面单独,只做刷新,不滚动 这就是我尝试过的Javascript 当页面刷新时,防止在页眉中显示刷新代码时滚动,javascript,Javascript,我的页面头部有页面刷新代码。那部分很好用。但是如果用户在页面上向下滚动,当刷新点击时,页面会滚动到顶部。我想防止向上滚动,让页面单独,只做刷新,不滚动 这就是我尝试过的 <script> window.onload = setupRefresh; function setupRefresh() { setTimeout("refreshPage();", 2000); // milliseconds } funct
<script>
window.onload = setupRefresh;
function setupRefresh() {
setTimeout("refreshPage();", 2000); // milliseconds
}
function refreshPage() {
window.location = location.href;
}
</script>
<script>
if ('scrollRestoration' in history) {
history.scrollRestoration = 'manual';
}
</script>
这是一个解决方案,因为我100%肯定有人会要求:
<head>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
var scrollpos = localStorage.getItem('scrollpos');
if (scrollpos) window.scrollTo(0, scrollpos);
});
window.onbeforeunload = function(e) {
localStorage.setItem('scrollpos', window.scrollY);
};
</script>
<script>
window.onload = setupRefresh;
function setupRefresh() {
setTimeout("refreshPage();", 2000); // milliseconds
}
function refreshPage() {
window.location = location.href;
}
</script>
</head>
也许这些有帮助:以及