.刷新/回传后页面保持滚动条位置 asp.net / JS

来源：互联网发布：mac安装文件删不掉编辑：程序博客网时间：2024/06/13 22:45

1. MaintainScrollPositionOnPostBack 最好

页面属性 MaintainScrollPositionOnPostBack 有以下3种用法。

应用程序级
作用对象：网站的所有ASP.NET页面
方法：打开web.config，在<system.web>节点下配置：
　　 <pages maintainScrollPositionOnPostBack="true"></pages>
页面级
作用对象：某一个页面
方法：打开页面的 aspx 文件，在顶部配置：
　　 <%@ Page MaintainScrollPositionOnPostback="true" ...
代码级
作用对象：某一页面
方法：在代码文件中书写：
　　 Page.MaintainScrollPositionOnPostBack = true; 或
　　 this.MaintainScrollPositionOnPostBack = true;

2.SmartNavigation

在Page_Load 中加入 Page.SmartNavigation= True

或者在页面的<%@ Page %> 中加入SmartNavigation= True

这中方法已经过时了，有的时候会出现CSS的样式无法显示的情况

3.javasvript方法1

如果ascx（Custom Control）自定义空间太长，可以用jscript实现保持滚动条位置效果

<!--

// 获取当前文件名

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"); // 使得body元素可以支持userdate

load("scrollState" + getFileName()); // 获取以前保存在userdate中的状态

if (sFirstEnter=="0")

{ scrollLeft = getAttribute("scrollLeft"); // 滚动条左位置

scrollTop = getAttribute("scrollTop");

}

function fnUnload()

{

with(window.document.body)

{ setAttribute("scrollLeft",scrollLeft);

setAttribute("scrollTop",scrollTop);

save("scrollState" + getFileName());

// 防止受其他文件的userdate数据影响，所以将文件名加上了

// userdate里的数据是不能跨目录访问的

}

window.onload = fnLoad;

window.onunload = fnUnload;

// -->

</script>

网上说只要具有scroll属性的html控件，都可以用这个方法来实现页面刷新后的滚动条的定位。当然，函数是要做一下改动。把 with（window.document.body）中的body改为其他控件的ID就可以了： with（window.document.all["控件ID"]）

4.javascript 方法2

这是在网上看到的另一种用JS保持页面滚动条位置

<!--

/*haiwa@2004-02-12*/

function Trim(strValue)

{

return strValue.replace(/^\s*|\s*$/g,"");

}

function SetCookie(sName, sValue)

{

document.cookie = sName + "=" + escape(sValue);

}

function GetCookie(sName)

{

var aCookie = document.cookie.split(";");

for (var i=0; i < aCookie.length; i++)

{

var aCrumb = aCookie[i].split("=");

if (sName == Trim(aCrumb[0]))

{

return unescape(aCrumb[1]);

}

return null;

}

function scrollback()

{

if (GetCookie("scroll")!=null){document.body.scrollTop=GetCookie("scroll")}

}

//-->

</script>

然后修改BODY位置为

来源：http://hi.baidu.com/waibaohuo/blog/item/2dcbbef095b21718b17ec55d.html

http://www.cnblogs.com/top5/archive/2010/02/23/1671725.html