html статическая позиция страницы после обновления - PullRequest
Новая
       15

html статическая позиция страницы после обновления

4 голосов
/ 03 января 2009

У меня есть страница, на которой я хотел бы, чтобы она оставалась статичной после обновления и не возвращалась по умолчанию обратно на верхнюю страницу, поскольку это нарушит позицию, которую я просматривал последней. Поэтому у меня есть все время, чтобы снова прокрутить вниз, чтобы найти область, которую я просматривал последней. Есть ли способ избавиться от бремени прокрутки вниз?

Ответы [ 2 ]

2 голосов
/ 12 марта 2010

Извините - я удалил блог, на который ссылались выше (замечено в статистике перенаправления), но пост все еще доступен на сайте archive.org: http://web.archive.org/web/20050508195342/patrickfoley.com/2005/01/21/scroll-saver/

Вот полный пример PHP с этой страницы: 

<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>
1 голос
/ 03 января 2009

Вот пример сохранения позиции прокрутки с использованием PHP .

Вот пример для ASP.NET .

Если этого недостаточно, поиск в Google для «сохранения позиции прокрутки» предоставит еще много примеров.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...