解决页面刷新后跳回顶部的问题

最新推荐文章于 2023-03-23 11:05:42 发布

xkong0509

最新推荐文章于 2023-03-23 11:05:42 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVASCRIPT 文章标签： datagrid 报表

本文链接：https://blog.youkuaiyun.com/xkong0509/article/details/2308047

JAVASCRIPT 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用window.onscroll事件结合scrollBy函数的方法，解决了在使用GridView或DataGrid进行编辑时，页面刷新后滚动位置丢失的问题。通过记录并设置滚动位置，可以实现编辑前后页面位置的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果你是在用gridview或datagrid编辑某张很长的报表,而且是在页面中部点击了"编辑"的链接,页面刷新后跳回顶部, 你又得花心思再回去找位置;编辑成功后,跳回顶部,你又想回去看看是否保存成功,结果你又得回去....
解决办法：
用window.onscroll事件加scrollby

function FloatDiv()
{
     document.getElementById("Hid_ScrollTop").value = document.documentElement.scrollTop;
}

window.onscroll= FloatDiv;

function SetScrollPostion()
{
         var vScrollTop = document.getElementById("Hid_ScrollTop").value         if(vScrollTop != "")
         scrollBy(0,vScrollTop);
}
在onload事件里调用SetScrollPostion(),