html posição página estática após atualização

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

  •  03-07-2019
  •  | 
  •  

Pergunta

Eu tenho uma página onde eu gostaria que permanecer estático após a atualização e não volta automaticamente para a página de topo novamente como ele vai perturbar a posição que eu estava vendo-o pela última vez. Por isso eu tenho todo o tempo para rolar para baixo novamente para encontrar a área que eu estava vendo passado. Existe uma maneira de eliminar a carga de rolagem para baixo de novo?

Foi útil?

Solução

Aqui está um exemplo de mantendo posição de rolagem usando PHP .

Aqui está um exemplo para ASP.NET .

Se aqueles não são suficientes, fazendo uma pesquisa no Google por "manter a posição de rolagem" irá fornecer muitos outros exemplos.

Outras dicas

Sorry - Peguei o blog acima referenciado (notado nas estatísticas de redirecionamento), mas o post ainda está disponível a partir de archive.org: http://web.archive.org/web/20050508195342/patrickfoley.com/2005/01/21/scroll-saver/

Aqui está o exemplo PHP completa a partir dessa 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 $_REQUEST['ScrollX'] ?>" />
    <input name="ScrollY" id="ScrollY" type="hidden"
      value="<?php echo $_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 = $_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 em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top