desplazador de Div tras página devolución de datos (ASP.NET)

Question

tengo un div como tal:

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

I contiene unos pocos cientos de registros y me permite seleccionar un elemento para rellenar un control formview debajo de ella .

El problema es que cuando la página se devuelve, la posición del desplazamiento vuelve a la parte superior del div. Quiero intentar mantener su posición para que el registro seleccionado aún esté visible.

¿Alguna idea?

Answer 1

Place algo como:

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

A continuación, algunos javascript como:

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

Renuncia - no mi código, pero he visto esto antes de utilizar:

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 + "~!"; 
    } 

La idea es almacenar la posición de la barra de desplazamiento en una cookie. Otra (¿mejor?) Opción sería almacenarla en un campo oculto (o campos). Espero que te ponga en marcha ...

Answer 3

ASP.NET tiene esto integrado en todo lo que necesita hacer es incluir el MaintainScrollPositionOnPostback en su directiva de página.

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

Answer 4

Reemplazar thebody con document.getElementById("divTest")

Si usted se preocupa de que el evento onscroll no funciona en opera/ff, puede intentar cambiar

thebody.onscroll=SaveScrollLocation; 

a

setInterval('SaveScrollLocation()", 500); 

Answer 5

Aquí es una forma más refinada de la solución de flyswat usando jQuery que funcionó para mí:

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

intentado todo lo anterior y ninguno de ellos trabajaron satisfactoriamente en Chrome v39, sin embargo, el método utilizado en esta página funcionó maravillosamente:

Maintain Scroll Position of DIV on PostBack in ASP.Net