网站首页 > 技术文章 正文
解决浏览器刷新自动记录body的滚动条高度带来的问题
if (history.scrollRestoration) {
history.scrollRestoration = 'manual';
} else {
window.onbeforeunload = function () {
window.scrollTo(0, 0);
}
}
1
2
3
4
5
6
7
history.scrollRestoration 将滚动条设置方案改为手动。浏览器就不会自动跳转滚动条了。不过有兼容性问题
onbeforeunload 在用户触发刷新前,把滚动条回到顶部
————————————————
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/sdta25196/article/details/126426125
- 上一篇: css3滚动条样式及美化方法(滚动条 css)
- 下一篇: 新版Chrome浏览器如何使用网页滚动截图
猜你喜欢
- 2024-10-03 更丝滑!优化Edge浏览器滚动体验:解锁丝滑滚动背后的秘密设置
- 2024-10-03 基于Chromium的浏览器在Windows平台会有更流畅的滚动条体验
- 2024-10-03 怎么隐藏浏览器的侧边滚动条?(浏览器怎么隐藏上面的页面框)
- 2024-10-03 打造属于自己的专属滚动条(生成滚动条)
- 2024-10-03 火狐浏览器怎么随网页滚动条截图(火狐浏览器如何滚动截屏)
- 2024-10-03 推荐3款网页长截图、滚动截图软件
- 2024-10-03 调整设置隐藏谷歌浏览器滚动条 实现与手机浏览网页一样清爽感觉
- 2024-10-03 selenium之滚动条(selenium 滚动条到底)
- 2024-10-03 技术资讯:CSS滚动条样式修改,最新方式!
- 2024-10-03 Edge获得Overlay全新滚动条体验 契合Windows 11风格
- 10-02基于深度学习的铸件缺陷检测_如何控制和检测铸件缺陷?有缺陷铸件如何处置?
- 10-02Linux Mint 22.1 Cinnamon Edition 搭建深度学习环境
- 10-02AWD-LSTM语言模型是如何实现的_lstm语言模型
- 10-02NVIDIA Jetson Nano 2GB 系列文章(53):TAO模型训练工具简介
- 10-02使用ONNX和Torchscript加快推理速度的测试
- 10-02tensorflow GPU环境安装踩坑日记_tensorflow配置gpu环境
- 10-02Keye-VL-1.5-8B 快手 Keye-VL— 腾讯云两卡 32GB GPU保姆级部署指南
- 10-02Gateway_gateways
- 最近发表
-
- 基于深度学习的铸件缺陷检测_如何控制和检测铸件缺陷?有缺陷铸件如何处置?
- Linux Mint 22.1 Cinnamon Edition 搭建深度学习环境
- AWD-LSTM语言模型是如何实现的_lstm语言模型
- NVIDIA Jetson Nano 2GB 系列文章(53):TAO模型训练工具简介
- 使用ONNX和Torchscript加快推理速度的测试
- tensorflow GPU环境安装踩坑日记_tensorflow配置gpu环境
- Keye-VL-1.5-8B 快手 Keye-VL— 腾讯云两卡 32GB GPU保姆级部署指南
- Gateway_gateways
- Coze开源本地部署教程_开源canopen
- 扣子开源本地部署教程 丨Coze智能体小白喂饭级指南
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- mysqlany_value (79)
- static函数和普通函数 (84)
- el-date-picker开始日期早于结束日期 (76)
- js判断是否是json字符串 (75)
- c语言min函数头文件 (77)
- asynccallback (87)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 无效的列索引 (74)