解决页面刷新后跳回顶部的问题
2008-04-17 20:44
197 查看
一般的服务器页面(ASP,ASP.NET)刷新后总会跳回顶部,在某些时候是烦人的.
例如, 如果你是在用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(),
哈,这样能自动回位了!!
http://www.techmango.com/blog/article.asp?id=427
例如, 如果你是在用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(),
哈,这样能自动回位了!!
http://www.techmango.com/blog/article.asp?id=427
相关文章推荐
- 解决页面刷新后跳回顶部的问题
- ajax页面刷新问题的解决思路
- achartengine之折线图---简单用法(续二)---(动态刷新)图形嵌套在页面(有问题请大家帮忙看看),已解决问题
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- easyui关于解决tab添加的页面通过href加载数据内容的页面刷新后form表单重复提交的问题;
- 解决vue this.$forceUpdate() 处理页面刷新问题(v-for循环值刷新等)
- JavaScript页面刷新与弹出窗口问题解决方法
- SubmitOncePage:解决刷新页面造成的数据重复提交问题
- ajax post请求返回json数据后,页面不需要刷新的问题解决如例
- [Math Processing Error] 问题的解决(F5刷新页面与 Ctrl/Shift + F5 刷新页面的区别)
- 关于webview加载网页,返回后总是刷新页面问题解决
- 解决JavaScript页面刷新与弹出窗口问题
- 解决JavaScript页面刷新与弹出窗口问题
- 解决iframe跳转不刷新整个页面小问题
- EF更新,数据库值变化,前台页面并不变化,刷新也不变化,重新运行程序则变化----开发中遇到的问题(已解决)
- ShowModelessDialog打开页面自动刷新问题解决方法【原】
- 解决点击a标签返回页面顶部的问题
- 解决微信返回按钮到上一页页面不刷新的问题
- 解决vue页面刷新或者后退参数丢失的问题
- ScrollView嵌套ListView后,进入页面不从顶部开始显示的问题解决