如何用js控制网页刷新后滚动条保持在原来的位置

Posted 2023-05-07

网上讲点 一些方法我都试过，不管用，大牛在哪里……

参考技术A 一般需要两个页面来实现，比如使用frame或者iframe，假设页面a中嵌有iframe，页面为b，你要实现iframe中的页面刷新后滚动条回到原来的位置，可以这样干：
1、在a页面中，新建个变量用于记录b页面的滚动条位置
var hScrollBarPos=0;
2、在b中写函数
<script type="text/javascript">
//向父页a传递滚动条位置，用于刷新时能够回复到原来位置
function sendScrollPos()
parent.hScrollBarPos=document.body.scrollTop;

//下面这句b页面每次加载都会执行
window.scrollTo(0,parent.toolBarFrame.hScrollBarPos);
</script>本回答被提问者采纳

如何用js监听滚动条滚动事件

在做js返回顶部的效果时，要监听网页滚动条滚动事件， 参考技术A onmousewheel
事件参数：（e || window.event）
谷歌：wheelDelta：120为上滑，-120为下滑
火狐：detail：-3为上滑，3为上滑本回答被提问者采纳