我在谷歌浏览器控制台运行了这段代码,但是没能滚动到之前的位置,是什么原因呢
时间: 2024-03-09 14:45:18 浏览: 36
可能是因为获取原页面滚动位置的方式不对。在控制台中运行代码时,此时窗口已经被打开,原页面的滚动位置已经变成了控制台的滚动位置,而不是原页面的滚动位置了。
你可以尝试在原页面中添加一个按钮,绑定一个点击事件,在事件中执行保持滚动位置的逻辑,这样可以保证获取到的滚动位置是原页面的滚动位置。具体代码如下:
```
// 添加按钮
var btn = document.createElement('button');
btn.innerText = '刷新并保持滚动位置';
btn.onclick = function() {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
location.reload();
window.onload = function() {
document.documentElement.scrollTop = document.body.scrollTop = scrollTop;
}
}
document.body.appendChild(btn);
```
将上面的代码复制到控制台中执行,即可在页面中添加一个按钮。点击按钮后,页面将会刷新,并保持原先的滚动位置。
相关问题
帮我用javascript写一个定时刷新网页并保持原滚动条位置的脚本,要求可以在谷歌浏览器控制台中进行运行。
好的,以下是可以在谷歌浏览器控制台中运行的javascript代码,用于定时刷新网页并保持原滚动条位置:
```javascript
// 设置刷新时间
var refreshTime = 5000; // 5秒钟刷新一次
// 获取当前滚动条位置
var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
// 定时刷新网页
setInterval(function() {
// 获取当前滚动条位置
var currentScrollPosition = window.pageYOffset || document.documentElement.scrollTop;
// 刷新网页
location.reload();
// 恢复滚动条位置
window.scrollTo(0, currentScrollPosition);
}, refreshTime);
```
将以上代码复制到控制台中运行即可。注意,该脚本会每隔5秒钟刷新一次网页,并且会保持原滚动条位置不变。如果需要修改刷新时间,可以修改 `refreshTime` 变量的值。
为啥你提供的脚本在谷歌浏览器控制台中运行一次就停止了?无法循环执行
非常抱歉,我可能没有考虑到这个问题。在控制台中运行的代码只会执行一次,因此我们需要使用 `setTimeout` 函数来实现每10秒执行一次的循环。
以下是修改后的代码:
```javascript
// 获取当前滚动条位置
var currentScrollPosition = window.scrollY;
// 定时器,每10秒刷新页面
setTimeout(function reloadPage() {
// 保存当前滚动条位置
currentScrollPosition = window.scrollY;
// 刷新页面
location.reload();
// 每10秒重新调用自身
setTimeout(reloadPage, 10000);
}, 10000);
// 当页面加载完成后,滚动到之前保存的位置
window.onload = function() {
window.scrollTo(0, currentScrollPosition);
}
```
这个代码会在控制台中循环执行,每10秒刷新页面,并保持原滚动条浏览位置。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)