Mantenere la posizione scroller sulla Div dopo pagina postback (ASP.NET)

Question

Ho un div in quanto tale:

<div style="overflow-y: scroll; height: 260px"> 

I contiene alcune centinaia di dischi e mi permette di selezionare un elemento per popolare un controllo formview di sotto di essa .

Il problema è che quando la pagina post-back, la posizione dello scroller torna all'inizio del div. Voglio provare a mantenere la sua posizione in modo che il record selezionato sia ancora visibile.

Qualche idea?

Answer 1

Luogo qualcosa di simile:

<asp:HiddenField id="hdnScrollPos" runat="server"/> in your aspx. 

Poi, alcuni javascript come:

var hdnScroll = document.getElementById(<%=hdnScrollPos.ClientID%>); 
var bigDiv = document.getElementById('bigDiv'); 
bigDiv.onscroll = function() { 
    hdnScroll.value = bigDiv.scrollTop; 
} 

window.onload = function() { 
    bigDiv.scrollTop = hdnScroll.value; 
} 

Answer 2

di responsabilità - non il mio codice, ma ho visto questo usato prima:

window.onload = function(){ 
    var strCook = document.cookie; 
    if(strCook.indexOf("!~")!=0){ 
     var intS = strCook.indexOf("!~"); 
     var intE = strCook.indexOf("~!"); 
     var strPos = strCook.substring(intS+2,intE); 

     document.getElementById("divTest").scrollTop = strPos; 
     document.getElementById("divTest").scrollTop = strPos; 
    } 
    } 
    function SetDivPosition(){ 
    var intY = document.getElementById("divTest").scrollTop; 

    document.cookie = "yPos=!~" + intY + "~!"; 
    } 

L'idea è quella di memorizzare la posizione della barra di scorrimento in un cookie. Un'altra opzione (migliore?) Sarebbe quella di archiviarla in un campo (o campo) nascosto. Spero di farti andare ...

Answer 3

ASP.NET ha tutto ciò che devi fare è includere MaintainScrollPositionOnPostback nella tua direttiva di pagina.

<%@ Page Language="C#" MaintainScrollPositionOnPostback="true" %> 

Answer 4

Sostituire thebody con document.getElementById("divTest")

Se ti preoccupi che l'evento onscroll non funziona in opera/ff, puoi provare a cambiare

thebody.onscroll=SaveScrollLocation; 

a

setInterval('SaveScrollLocation()", 500); 

Answer 5

Ecco un modo più raffinato della soluzione di FlySwat utilizzando jQuery, che ha lavorato per me:

var $ScrollPosition = $('#hfScrollPosition'); 
    var $ScrollingDiv = $('#pnlGroupDataContent'); 
    if ($ScrollPosition.length && $ScrollingDiv.length) { 
     // Store scrolling value 
     $ScrollingDiv.scroll(function() { 
      $ScrollPosition.val($ScrollingDiv.scrollTop()); 
     }); 
     // Set scrolling 
     $ScrollingDiv.scrollTop($ScrollPosition.val()); 
    } 

Answer 6

provato tutto quanto sopra e nessuno di loro ha lavorato in modo soddisfacente in chrome v39, tuttavia il metodo utilizzato in questa pagina ha funzionato in modo meraviglioso:

Maintain Scroll Position of DIV on PostBack in ASP.Net