@
SEARCHINGFREE @
SakuraKuma 大神,在上面这个基础上我又做了个测试,如果 body 高 1000px,且其中有内容的话,比如有十个<p>a</p>。
在 history.scrollRestoration ='auto'的情况下,script 为 window.scrollTo(0, 3000)。
假如滚动条是在最顶端,那么刷新时是完全没反应的。
但是如果滚动条不在顶端,刷新的时候,滚动条都会自动往下面滚动一丁点,且刷新多次,会锁定在一个地方,这个距离和浏览器视图大小有关系,也和内容多少有关系。
PS:要在本地预览,jsfiddle 上面执行都正常。
完整代码:
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{height: 1000px}
</style>
</head>
<body>
<div>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
</div>
<script>
window.scrollTo(0, 100);
console.log(document.body.scrollTop);
</script>
</body>
</html>