此文是為解決asp.net頁(yè)面按鈕點(diǎn)擊觸發(fā)事件后panel滾動(dòng)條非自動(dòng)回到頂端的解決方案，對(duì)于頁(yè)面觸發(fā)一個(gè)事件后，panel滾動(dòng)條重新回到頂端，做下面的工作每次都要往下拉一下，特別是選擇TreeView的時(shí)候，這個(gè)問題非常頭疼，受到this.MaintainScrollPositionOnPostBack = true;的啟示有感而發(fā)。
原理是在點(diǎn)擊時(shí)保存panel滾動(dòng)條的位置，頁(yè)面觸發(fā)事件完成后加載時(shí)重新賦值。保證頁(yè)面每次點(diǎn)擊都保存，就包含所有的按鈕和別的點(diǎn)擊事件。
步驟：
1.腳本
head runat="server">
title>asp.net頁(yè)面觸發(fā)事件panel滾動(dòng)條高度不變/title>
link href="Css/style.css" type="text/css" rel="stylesheet" />
script type="text/javascript">
function setPanelScroll()
{
document.getElementById('Hidden1').value = document.getElementById('Panel1').scrollTop;
}
/script>
/head>
2.body
復(fù)制代碼 代碼如下:
body onclick="setPanelScroll()">
3.賦值
復(fù)制代碼 代碼如下:
function ViewObj(){document.getElementById('Panel1').scrollTop = document.getElementById('Hidden1').value;}window.onload = ViewObj;
您可能感興趣的文章:- asp.net ext treepanel 動(dòng)態(tài)加載XML的實(shí)現(xiàn)方法
- asp.net UpdatePanel的簡(jiǎn)單用法
- ASP.Net PlaceHolder、Panel等控件未實(shí)現(xiàn)INamingContainer，導(dǎo)致FindControl無(wú)效
- asp.net UpdatePanel實(shí)現(xiàn)無(wú)刷新上傳圖片
- asp.net Coolite TablePanel使用
- asp.net通過Ajax UpdatePanel回傳后滾動(dòng)條位置變更解決方法
- ASP.NET中UpdatePanel與jQuery同時(shí)使用所遇問題解決
- asp.net updatepanel 導(dǎo)致JS不能加載,而無(wú)法使用的解決方法
- ASP.NET中 Panel 控件的使用方法
