比如有一个页面，滚动条在body上，当页面滚动到下方时，如何在刷新后使页面滚动回初始位置？
已尝试但是失效的方案：
$("body").scrollTop(0);
window.scrollTo(0,0);
document.body.scrollTop=0;
除了页面跳转，还有什么方法才能让页面刷新后复位到初始位置？
上一个示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>刷新页面滚动条复位</title>
<style>
*{margin: 0;padding:0;}
html,body{height: 100%;}
.box{
width: 50px;
height: 3000px;
margin: 0 auto;
background-color: red;
}
</style>
</head>
<body>
<p>000000====---- top -----====0000000</p>
<div class="box"></div>
<script>
window.onload=function(){
if(document.body.scrollTop>0){
console.log(1);
window.scrollTo(0,-1);
document.body.scrollTop=0;
}
window.scrollTo(0,-1);
document.body.scrollTop=0;
}
</script>
</body>
</html>
相关分类