Question

我希望网页在链接的页面加载时从屏幕底部开始。要做到这一点，我只需将#bottom放在我要加载的网址的末尾。

示例：www.something.com＃bottom

这似乎有效

我也希望能够转到页面底部按钮。

我的代码是：

<a href="#bottom">Go to bottom of page</a>
<a name="bottom"></a>

这将在底部加载页面，但是当我点击“转到底部”时，它会重新加载页面并丢失已完成的所有工作。转到底部按钮将正常工作，现在没有重新加载，直到页面再次重新加载。然后问题又开始了。

非常感谢任何建议。

Answer 1

<击> 我认为它应该是id，而不是name。

<a href="#bottom">Go to bottom of page</a> <a id="bottom"></a>

<击>

修改
不，我错了。没关系。

Answer 2

不幸的是，您无法通过链接执行此操作，因为这本身意味着您必须重新加载页面。

您要做的是使用Javascript to scroll。

您的go to bottom button可以实施“直接滚动到特定点”一节中描述的解决方案

Answer 3

感谢所有帮助。虽然这有效，但我想出来了

function ScrollTo(Aobj){
obj = document.getElementById(Aobj);
try{
    var objpos = ObjectPosition(obj);
}catch(e){}
try{
    scroll(0,objpos[1]);
}catch(e){}
try{
    window.scrollTo(0,objpos[1]);
}catch(e){}

}

function ObjectPosition(obj) {
var curleft = 0;
  var curtop = 0;
  if (obj.offsetParent) {
        do {
              curleft += obj.offsetLeft;
              curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
  }
  return [curleft,curtop];

}

来自： http://www.michaelapproved.com/articles/scroll-to-object-without-leaving-page/

<span style="color:#03F" onclick="ScrollTo('vsresponse')"><u>goto bottom</u></span>

HTML标签书签

3 个答案:

修改