HTML标签书签

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滚动 。

您的“ 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>