返回顶部按钮的工作原理

Question

我查看了很多地方返回顶部按钮。当我点击那个将我带到页面顶部时。

有些时候某些链接将我带到特定的地方这是如何工作的

这是html大键盘或javascript ..我可以在没有页面加载的情况下执行此操作吗？

Answer 1

<a name="top">Top of the page</a> 
...
<a href="#top">return to top</a>

注意：HTML5建议使用id="top"而不是name="top"

Answer 2

<a href="#top">return to top</a>

#top位指的是位于页面顶部的元素的id。在大多数情况下，这将是#header，你有：

<div id="header"></div>

位于页面顶部。我建议不要使用名称，因为我认为该属性现已弃用。

当然，为了让它更加花哨，您可以使用以下内容： http://webdesignerwall.com/tutorials/animated-scroll-to-top

Answer 3

如果您需要在页面中默认跳转到页面的特定部分而不是阅读： 只需使用URL附加标记的ID即可。 例如：    ＆lt; div id ='myID'＆gt;部分内容＆lt; / div＆gt;

现在，如果您的网址以 #myID 结尾，那么它会自动跳转到该部分。

Answer 4

最后你也可以使用javascript：

<a href="#" onclick="document.getElementById('someId').scrollIntoView(); return false</a>

但假设所有现代浏览器都可以执行某些ID，那么现在就不需要了