解決ASP.NET回傳后div滾動條位置復(fù)位的問題(利用隱藏控件原理)
首先是為DIV添加一個onscroll="javascript:setScollTop()" 的方法(當(dāng)然不一定是DIV其他的標(biāo)簽思路應(yīng)該也是這樣的)
<div style="overflow: auto; height: 152px" align="left" id="dvScoll_1" onscroll="javascript:setScollTop()">
m.fzitv.net
......
</div>
這里setScrollTop方法就是每次滾動條滾動的時候,把div的ScrollTop的值賦給一個隱藏控件。代碼如下
function setScollTop()
{
document.getElementById("<%=hidScrollTop.ClientID%>").value=document.getElementById("dvScoll_1").scrollTop;
}
因為每次.net回發(fā)滾動條都會復(fù)位,所以這里我們 在Page_Load中給DIV的ScrollTop重新賦值了。代碼如下
if (!IsPostBack)
{
。。。。。
}
else
{
//恢復(fù)滾動條位置
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>");
}
相關(guān)文章
asp.net Oracle數(shù)據(jù)庫訪問操作類
asp.net Oracle數(shù)據(jù)庫訪問操作類,需要的朋友可以參考一下2013-03-03
asp.net mvc 實現(xiàn)文件上傳帶進(jìn)度條的思路與方法
這篇文章主要給大家介紹了關(guān)于asp.net mvc 實現(xiàn)文件上傳帶進(jìn)度條的思路與方法,文中給出了詳細(xì)的示例代碼,相信對大家的理解和學(xué)習(xí)很有幫助,有需要的朋友們可以參考借鑒,下面來跟著小編一起學(xué)習(xí)學(xué)習(xí)吧。2016-12-12
asp.net core 3.0中使用swagger的方法與問題
這篇文章主要給大家介紹了關(guān)于asp.net core 3.0中使用swagger的方法與遇到的一些問題,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者使用asp.net core 3.0具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
在ASP.NET?Core微服務(wù)架構(gòu)下使用RabbitMQ實現(xiàn)CQRS模式的方法
ASP.NET Core微服務(wù)架構(gòu)中,使用RabbitMQ作為消息隊列服務(wù),通過實現(xiàn)CQRS模式,將寫操作和讀操作分離,以提高系統(tǒng)的性能和可伸縮性,本文小編將為大家介紹如何在ASP.NET Core微服務(wù)架構(gòu)下使用RabbitMQ來實現(xiàn)CQRS模式,感興趣的朋友一起看看吧2024-01-01

