页面刷新时定位到原来的位置 C# 刷新
2012-08-16 12:12
513 查看
如何使页面刷新后仍然保持滚动条位置，有几种方法：
1. MaintainScrollPositionOnPostBack 最好
在Page_Load 中加入 Page.MaintainScrollPositionOnPostBack = True
或者在页面的<%@ Page %> 中加入MaintainScrollPositionOnPostBack = True 一样的效果
2.SmartNavigation
在Page_Load 中加入 Page.SmartNavigation= True
或者在页面的<%@ Page %> 中加入SmartNavigation= True
这中方法已经过时了，有的时候会出现CSS的样式无法显示的情况
3.javasvript方法1
如果ascx（Custom Control）自定义空间太长，可以用jscript实现保持滚动条位置效果
<script language="javascript">
<!--
// 获取当前文件名
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保持页面滚动条位置
<SCRIPT LANGUAGE="JavaScript">
<!--
/*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位置为
<BODY id=body onscroll=SetCookie("scroll",body.scrollTop); onload="scrollback();">
来自：http://hi.baidu.com/2284353210/item/d37ae5bb854dc4eb4ec7fd61
1. MaintainScrollPositionOnPostBack 最好
在Page_Load 中加入 Page.MaintainScrollPositionOnPostBack = True
或者在页面的<%@ Page %> 中加入MaintainScrollPositionOnPostBack = True 一样的效果
2.SmartNavigation
在Page_Load 中加入 Page.SmartNavigation= True
或者在页面的<%@ Page %> 中加入SmartNavigation= True
这中方法已经过时了，有的时候会出现CSS的样式无法显示的情况
3.javasvript方法1
如果ascx（Custom Control）自定义空间太长，可以用jscript实现保持滚动条位置效果
<script language="javascript">
<!--
// 获取当前文件名
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保持页面滚动条位置
<SCRIPT LANGUAGE="JavaScript">
<!--
/*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位置为
<BODY id=body onscroll=SetCookie("scroll",body.scrollTop); onload="scrollback();">
来自：http://hi.baidu.com/2284353210/item/d37ae5bb854dc4eb4ec7fd61
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- asp.net页面刷新完如何还定位在原来位置
- 页面刷新后滚动条保持原来位置，AutoPostBack=true后，保持页面焦点位置
- 刷新后保持页面滚动条位置C#&VB
- 刷新页面后回滚到原来指定的位置
- ASP.Net刷新页面后自动滚动到原来位置方法汇总
- 刷新页面时原来位置固定不动，在页面刷新的时候。MaintainScrollPositionOnPostback="true"
- ASP.Net页面刷新后自动滚动到原来位置
- 点击按钮刷新页面定位到当时的位置
- 刷新页面时原来位置固定不动，在页面刷新的时候。MaintainScrollPositionOnPostback="true"
- js控制刷新后回到页面原来位置
- 页面刷新后让其回到滚动条原来的位置
- ASP.Net刷新页面后自动滚动到原来位置方法汇总
- ASP.Net页面刷新后自动滚动到原来位置
- 页面滚动条 刷新后 保持在原来的位置
- js 刷新页面后保持页面原来的位置
- 页面刷新新后让页面停留在原来点击的位置
- 页面刷新后回到原来位置
- ASP.Net刷新页面后自动滚动到原来位置方法汇总
- 页面刷新后，页面重新棍回到原来的位置；如何在回发后返回客户端时仍然保持滚动条原来的位置
- Android list刷新后仍然定位到原来的位置，解决。