您的位置:首页 > 其它

页面刷新后保持滚动条的原始位置

2006-02-13 14:09 316 查看
找了一个纯js版的,在稍加修改,让它更完善些,下载只需在codebind中的page_load事件中添加一行代码,让好引用js,就行了。代码如下:

page_load
Page.RegisterStartupScript("scroll","<script language=javascript>Init()</script>");

js脚本
function getFileName()
{
var url = this.location.href
var pos = url.lastIndexOf("/");
if(pos == -1)
pos = url.lastIndexOf("//")
var filename = url.substr(pos +1)
return filename;
}

function fnLoad()
{
with(window.document.body)
{
addBehavior ("#default#userData");
load("scrollState" + getFileName());
scrollLeft = getAttribute("scrollLeft");
scrollTop = getAttribute("scrollTop");
}
}

function fnUnload()
{
with(window.document.body)
{
setAttribute("scrollLeft",scrollLeft);
setAttribute("scrollTop",scrollTop);
save("scrollState" + getFileName());
}
}

window.onload = fnLoad;
window.onunload = fnUnload;

function Init()
{
with(window.document.body)
{
addBehavior ("#default#userData");
load("scrollState" + getFileName());
scrollLeft = 0;
scrollTop = 0;
setAttribute("scrollLeft",0);
setAttribute("scrollTop",0);
save("scrollState" + getFileName());
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: