萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> asp.net編程 >> 解決ASP.NET回傳後div滾動條位置復位的問題

解決ASP.NET回傳後div滾動條位置復位的問題

 這篇文章主要介紹了解決ASP.NET回傳後div滾動條位置復位的問題,中心思想是用一個隱藏控件保存當前scorll值。回傳回來後根據scrollTop的值,然後在Page_Load中重新設置scrollTop 

首先是為DIV添加一個onscroll="javascript:setScollTop()" 的方法(當然不一定是DIV其他的標簽思路應該也是這樣的)   代碼如下: <div style="overflow: auto; height: 152px" align="left" id="dvScoll_1"   onscroll="javascript:setScollTop()"> www.jb51.net ...... </div>     這裡setScrollTop方法就是每次滾動條滾動的時候,把div的ScrollTop的值賦給一個隱藏控件。代碼如下   代碼如下: function setScollTop()   {      document.getElementById("<%=hidScrollTop.ClientID%>").value=document.getElementById("dvScoll_1").scrollTop;   }     因為每次.net回發滾動條都會復位,所以這裡我們 在Page_Load中給DIV的ScrollTop重新賦值了。代碼如下    代碼如下: if (!IsPostBack)                 {                    。。。。。                 }                 else                 {                     //恢復滾動條位置                     if (this.hidScrollTop.Value!="")                     {                         string scrollTop = this.hidScrollTop.Value;                         string strScript="document.getElementById('dvScoll_1').scrollTop="+scrollTop;                         RegisterScriptBlock(this.Page, strScript);                     }                 }     這裡的RegisterScriptBlock是我寫的一個方法,放在公共類庫裡的,如下所示。     代碼如下:  /// <summary>     /// 注冊腳本塊     /// </summary>     public static void RegisterScriptBlock(System.Web.UI.Page page, string _ScriptString)     {         page.ClientScript.RegisterStartupScript(page.GetType(), "scriptblock", "<script type='text/javascript'>" + _ScriptString + "</script>");     }  
copyright © 萬盛學電腦網 all rights reserved