解決ASP.NET回傳后div滾動(dòng)條位置復(fù)位的問(wèn)題(利用隱藏控件原理)
更新時(shí)間：2014年01月13日 11:36:15 作者：
這篇文章主要介紹了解決ASP.NET回傳后div滾動(dòng)條位置復(fù)位的問(wèn)題，中心思想是用一個(gè)隱藏控件保存當(dāng)前scorll值?；貍骰貋?lái)后根據(jù)scrollTop的值，然后在Page_Load中重新設(shè)置scrollTop
首先是為DIV添加一個(gè)onscroll="javascript:setScollTop()" 的方法（當(dāng)然不一定是DIV其他的標(biāo)簽思路應(yīng)該也是這樣的）
復(fù)制代碼 代碼如下:
<div style="overflow: auto; height: 152px" align="left" id="dvScoll_1" onscroll="javascript:setScollTop()">
www.fzitv.net
......
</div>
這里setScrollTop方法就是每次滾動(dòng)條滾動(dòng)的時(shí)候，把div的ScrollTop的值賦給一個(gè)隱藏控件。代碼如下
復(fù)制代碼 代碼如下:
function setScollTop()
{
document.getElementById("<%=hidScrollTop.ClientID%>").value=document.getElementById("dvScoll_1").scrollTop;
}
因?yàn)槊看?net回發(fā)滾動(dòng)條都會(huì)復(fù)位,所以這里我們 在Page_Load中給DIV的ScrollTop重新賦值了。代碼如下
復(fù)制代碼 代碼如下:
if (!IsPostBack)
{
。。。。。
}
else
{
//恢復(fù)滾動(dòng)條位置
if (this.hidScrollTop.Value!="")
{
string scrollTop = this.hidScrollTop.Value;
string strScript="document.getElementById('dvScoll_1').scrollTop="+scrollTop;
RegisterScriptBlock(this.Page, strScript);
}
}
這里的RegisterScriptBlock是我寫(xiě)的一個(gè)方法，放在公共類(lèi)庫(kù)里的，如下所示。
復(fù)制代碼 代碼如下:
/// <summary>
/// 注冊(cè)腳本塊
/// </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ù)庫(kù)訪問(wèn)操作類(lèi)
asp.net Oracle數(shù)據(jù)庫(kù)訪問(wèn)操作類(lèi)，需要的朋友可以參考一下2013-03-03
Bin 和 App_Code 文件夾介紹...2007-04-04
asp.net 網(wǎng)頁(yè)編碼自動(dòng)識(shí)別代碼
另外一位網(wǎng)友空間/IV提供的代碼，功能同HttpWebRequest獲取網(wǎng)頁(yè)源代碼時(shí)自動(dòng)識(shí)別網(wǎng)頁(yè)編碼2008-09-09
asp.net mvc 實(shí)現(xiàn)文件上傳帶進(jìn)度條的思路與方法
這篇文章主要給大家介紹了關(guān)于asp.net mvc 實(shí)現(xiàn)文件上傳帶進(jìn)度條的思路與方法，文中給出了詳細(xì)的示例代碼，相信對(duì)大家的理解和學(xué)習(xí)很有幫助，有需要的朋友們可以參考借鑒，下面來(lái)跟著小編一起學(xué)習(xí)學(xué)習(xí)吧。2016-12-12
asp.net core 3.0中使用swagger的方法與問(wèn)題
這篇文章主要給大家介紹了關(guān)于asp.net core 3.0中使用swagger的方法與遇到的一些問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用asp.net core 3.0具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
在ASP.NET?Core微服務(wù)架構(gòu)下使用RabbitMQ實(shí)現(xiàn)CQRS模式的方法
ASP.NET Core微服務(wù)架構(gòu)中，使用RabbitMQ作為消息隊(duì)列服務(wù)，通過(guò)實(shí)現(xiàn)CQRS模式，將寫(xiě)操作和讀操作分離，以提高系統(tǒng)的性能和可伸縮性，本文小編將為大家介紹如何在ASP.NET Core微服務(wù)架構(gòu)下使用RabbitMQ來(lái)實(shí)現(xiàn)CQRS模式，感興趣的朋友一起看看吧2024-01-01
asp.net發(fā)送郵件實(shí)現(xiàn)方法
這篇文章主要介紹了asp.net發(fā)送郵件實(shí)現(xiàn)方法,以一個(gè)具體實(shí)例的形式詳細(xì)講述了asp.net發(fā)送郵件的技巧,需要的朋友可以參考下2014-10-10
本文詳細(xì)講解了LINQ的操作語(yǔ)法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
這篇文章主要為大家詳細(xì)介紹了VS2008無(wú)法直接查看STL值的解決方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
ASP.NET MVC頁(yè)面重定向簡(jiǎn)單介紹
這篇文章主要為大家詳細(xì)介紹了ASP.NET MVC頁(yè)面重定向的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02