刷新后html静态页面位置答案

【问题标题】：html static page position after refresh刷新后html静态页面位置
【发布时间】：2010-09-29 09:23:25
【问题描述】：

我有一个页面，我希望它在刷新后保持静止，并且不会再次默认返回首页，因为它会破坏我上次查看它的位置。因此，我有时间再次向下滚动以找到我上次查看的区域。有没有办法消除再次向下滚动的负担？

【问题讨论】：

在 asp.net 中的 page 指令中有一个属性。虽然没有 js 副手

标签： html static refresh

【解决方案1】：

这是retaining scroll position using PHP 的示例。

这是一个例子for ASP.NET。

如果这些还不够，谷歌搜索“保留滚动位置”将提供更多示例。

【讨论】：

请问您有 ASP.NET VB 的示例吗？
PHP的链接不可用。

【解决方案2】：

抱歉 - 我删除了上面引用的博客（在重定向统计中注意到），但该帖子仍可从 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>

【讨论】：