页面刷新后保持滚动条的原始位置
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());
}
}
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());
}
}
相关文章推荐
- 刷新后 页面 保持滚动条位置
- 页面滚动条 刷新后 保持在原来的位置
- 刷新后保持页面滚动条位置C#&VB
- Asp.net 在刷新或提交页面后保持滚动条的位置
- 刷新后 页面 保持滚动条位置
- jsp页面刷新时,保持滚动条位置不变
- 页面刷新后保持滚动条的位置不变
- 刷新后保持页面滚动条位置(ASP.NET VS Javascript)
- [转]用一个JS代码实现页面刷新后保持页面滚动条的位置
- ASP.NET页面刷新,保持原始页面的位置的方法
- .net页面刷新时保持滚动条的位置
- 页面刷新后,页面重新棍回到原来的位置;如何在回发后返回客户端时仍然保持滚动条原来的位置
- 页面刷新后滚动条保持原来位置,AutoPostBack=true后,保持页面焦点位置
- JS代码实现页面刷新后保持页面滚动条的位置
- 如何做到在页面POSTBACK刷新后,使LISTBOX的滚动条仍然保持上次的位置
- 刷新后保持页面滚动条位置javascript
- 用一个JS代码实现页面刷新后保持页面滚动条的位置
- Asp.net 在刷新或提交页面后保持滚动条的位置
- [转]用一个JS代码实现页面刷新后保持页面滚动条的位置
- .刷新/回传后页面保持滚动条位置 asp.net / JS