ASP.NET中页面回传后保持滚动条的位置

    几年前做ASP.NET项目时,曾经遇到过修改DataList行时,页面回传后,不能恢复到原来的位置。经参考网上搜索的一段VB代码,改写成C#,解决了问题,并在以后的项目中多次应用。最近进行了改进,使其能恢复垂直和水平滚动条的位置,该方法也应用于其他与该应用类似的页面。

public   static   void  RetainScrollPosition()
{
    Page _page 
=(Page)HttpContext.Current.Handler;
    StringBuilder ScrollPosition 
= new StringBuilder();
    _page.RegisterHiddenField(
"__SCROLLTOP""0");
    _page.RegisterHiddenField(
"__SCROLLLEFT""0");
    ScrollPosition.Append(
"<SCRIPT LANGUAGE="JavaScript"> <!-- ");
    ScrollPosition.Append(
"  function saveScrollPosition() { ");
    ScrollPosition.Append(
"    document.forms[0].__SCROLLTOP.value = document.body.scrollTop;");
    ScrollPosition.Append(
"    document.forms[0].__SCROLLLEFT.value = document.body.scrollLeft;");
    ScrollPosition.Append(
"   }   document.body.οnscrοll=saveScrollPosition; ");
    
if ( _page.IsPostBack )
    
{
        ScrollPosition.Append(
"  function setScrollPosition() { ");
        ScrollPosition.AppendFormat(
"    document.body.scrollTop = {0}; ", _page.Request["__SCROLLTOP"]);
        ScrollPosition.AppendFormat(
"    document.body.scrollLeft = {0}; ", _page.Request["__SCROLLLEFT"]);
        ScrollPosition.Append(
"   }   document.body.οnlοad=setScrollPosition; ");
    }

    ScrollPosition.Append(
"//--> <"+"/SCRIPT>");
    _page.RegisterStartupScript(
"jsRetainScrollPosition", ScrollPosition.ToString());
}

    调用方法:

    在Page_Load事件中加上

    RetainScrollPosition();

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值