html posición de la página estática después de la actualización

StackOverflow https://stackoverflow.com/questions/409372

  •  03-07-2019
  •  | 
  •  

Pregunta

Tengo una página en la que me gustaría que permanezca estática después de la actualización y no vuelva a la página de inicio de manera predeterminada, ya que interrumpirá la posición que estaba viendo la última vez. Por lo tanto, tengo todo el tiempo para desplazarme hacia abajo nuevamente para encontrar el área que estaba viendo por última vez. ¿Hay alguna forma de eliminar la carga de volver a bajar?

¿Fue útil?

Solución

Aquí hay un ejemplo de manteniendo la posición de desplazamiento usando PHP .

Aquí hay un ejemplo para ASP.NET .

Si eso no es suficiente, hacer una búsqueda en Google para " mantener la posición de desplazamiento " proporcionará muchos más ejemplos.

Otros consejos

Lo siento, eliminé el blog al que se hace referencia anteriormente (observado en las estadísticas de redireccionamiento), pero la publicación aún está disponible en archive.org: http://web.archive.org/web/20050508195342/patrickfoley.com/2005/01/21/scroll-saver/

Aquí está el ejemplo completo de PHP de esa página: 

<HTML>
<HEAD>
<TITLE>Test</TITLE>
<script>
  function SaveScrollXY() {
    document.Form1.ScrollX.value = document.body.scrollLeft;
    document.Form1.ScrollY.value = document.body.scrollTop;
  }
  function ResetScrollPosition() {
    var hidx, hidy;
    hidx = document.Form1.ScrollX;
    hidy = document.Form1.ScrollY;
    if (typeof hidx != 'undefined' && typeof hidy != 'undefined') {
      window.scrollTo(hidx.value, hidy.value);
    }
  }
</script>
</HEAD>
<BODY onload="ResetScrollPosition()">
  <form name="Form1" id="Form1" method="post"
    onsubmit="SaveScrollXY()" action="index.php">
    <input name="ScrollX" id="ScrollX" type="hidden"
      value="<?php echo 
 Lo siento, eliminé el blog al que se hace referencia anteriormente (observado en las estadísticas de redireccionamiento), pero la publicación aún está disponible en archive.org:  http://web.archive.org/web/20050508195342/patrickfoley.com/2005/01/21/scroll-saver/  



 Aquí está el ejemplo completo de PHP de esa página: 


<*>REQUEST['ScrollX'] ?>" />
    <input name="ScrollY" id="ScrollY" type="hidden"
      value="<?php echo 
 Lo siento, eliminé el blog al que se hace referencia anteriormente (observado en las estadísticas de redireccionamiento), pero la publicación aún está disponible en archive.org:  http://web.archive.org/web/20050508195342/patrickfoley.com/2005/01/21/scroll-saver/  



 Aquí está el ejemplo completo de PHP de esa página: 


<*>REQUEST['ScrollY'] ?>" />
    <p>This is just a paragraph to make a very long page.</p>
    …
    <P>This is just a paragraph to make a very long page.</P>
    <P>
      <input name="TextBox1" type="text"
        value="<?php $v = 
 Lo siento, eliminé el blog al que se hace referencia anteriormente (observado en las estadísticas de redireccionamiento), pero la publicación aún está disponible en archive.org:  http://web.archive.org/web/20050508195342/patrickfoley.com/2005/01/21/scroll-saver/  



 Aquí está el ejemplo completo de PHP de esa página: 


<*>REQUEST['TextBox1']; echo $v ? $v + 1 : 1 ?>"
        readonly="readonly" id="TextBox1" /></P>
    <P>
      <input type="submit" name="Button1" value="Post Form"
        id="Button1" /></P>
  </form>
</BODY>
</HTML>
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top