不行啊,滚动条还是会回到最上面
时间: 2023-07-20 18:31:32 浏览: 47
如果使用 `location.reload()` 刷新页面,那么页面会在刷新后返回到最顶部。为了保持页面滚动条的位置不变,可以使用 `XMLHttpRequest` 对象发起一个 AJAX 请求,获取页面内容,然后使用 `innerHTML` 属性更新页面内容,以达到刷新页面的效果。
以下是代码示例:
```javascript
setTimeout(function(){
var scrollPosition = window.scrollY;
var xhr = new XMLHttpRequest();
xhr.open("GET", window.location.href, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var newContent = xhr.responseText;
document.documentElement.innerHTML = newContent;
window.scrollTo(0, scrollPosition);
}
};
xhr.send();
}, 300000); // 300000 毫秒等于 5 分钟
```
这段代码的作用是,每经过 5 分钟后,它会获取当前页面的滚动位置,然后通过 `XMLHttpRequest` 对象发起一个 AJAX 请求,获取页面内容。当请求成功后,它会使用 `innerHTML` 属性将新内容更新到页面上,并使用 `window.scrollTo()` 方法将页面滚动到之前的位置。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)