快捷導(dǎo)航

Asp.net保持頁面滾動(dòng)條位置(頁面提交后不變)

更新時(shí)間：2013年04月07日 16:47:30 作者：

ASP.net:保持頁面中滾動(dòng)條的位置，使得頁面提交后還在原來的位置,對(duì)于頁面中DIV等等的滾動(dòng)條控制，我在看了別人代碼后，寫了一個(gè)，感興趣的朋友可以參考下哈

一般來說很多的人在控制瀏覽器滾動(dòng)條都是用Page.SmartNavigation = False，對(duì)于頁面中DIV等等的滾動(dòng)條控制，我在看了別人代碼后，寫了一個(gè)，僅供參考：

 
Public Shared Sub SaveDivScrollPosition(ByVal divIDArray As String, ByVal objPage As Page) 
Dim saveScrollPosition As String 
Dim i As Integer 
Dim divID() As String 
divID = divIDArray.Split(",") 
For i = 0 To divID.Length - 1 
objPage.RegisterHiddenField(divID(i) & "__SCROLLPOS", objPage.Request.Form(divID(i) & "__SCROLLPOS")) 
saveScrollPosition = "<script language='javascript'>" _ 
& "function saveScrollPosition() {" _ 
& " if (document.all['" & divID(i) & "'] != undefined) {" _ 
& "document.forms[0]." & divID(i) & "__SCROLLPOS.value = " _ 
& "document.all['" & divID(i) & "'].scrollTop + ',' " _ 
& " + document.all['" & divID(i) & "'].scrollLeft;}}" _ 
& "if (document.all['" & divID(i) & "'] != undefined) {document.all['" & divID(i) & "'].onscroll=saveScrollPosition;}" _ 
& "</script>" 
objPage.RegisterStartupScript("saveScroll" & divID(i), saveScrollPosition) 
Next 
End Sub 

復(fù)制代碼代碼如下:

 
Public Shared Sub RestoreDivScrollPosition(ByVal divIDArray As String, ByVal objPage As Page) 
Dim restoreScrollPosition As String 
Dim setPositionFunction As String 
Dim i As Integer 
Dim divID() As String 
divID = divIDArray.Split(",") 
For i = 0 To divID.Length - 1 
setPositionFunction = setPositionFunction & "SetScrollPosition('" & divID(i) & "');" 
Next 
restoreScrollPosition = "<script language='javascript'>" _ 
& setPositionFunction _ 
& "</script>" 
objPage.RegisterStartupScript("restoreScroll", restoreScrollPosition) 
End Sub 

JAVASCRIPT：

復(fù)制代碼代碼如下:

 
function SetScrollPosition(divID){ 
var e; 
var a; 
var obj; 
if (document.getElementById(divID)){ 
obj = eval('document.forms[0].' + divID + '__SCROLLPOS'); 
if (obj) { 
e=eval('document.forms[0].' + divID + '__SCROLLPOS').value; 
a=e.split(','); 
document.getElementById(divID).scrollTop= a[0]; 
document.getElementById(divID).scrollLeft= a[1]; 
} 
} 
} 

在頁面后臺(tái)調(diào)用的時(shí)候，寫下如下的代碼：

復(fù)制代碼代碼如下:

 
Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load 
call SaveDivScrollPosition("div1,div2,div3",me) 
call RestoreDivScrollPosition("div1,div2,div3",me) 
End Sub 

不好意思，這兩個(gè)SUB可以寫成一個(gè)，僅供參考。

您可能感興趣的文章: