超链接中的锚点详解，各大网页中的回顶部按钮，url中的hash #

锚点中 # 的含义

#代表网页中的一个位置，#右边的字符就是该位置的标识符。

我们经常看可以看到大部分网页都有“回顶部”的按钮，其实就是通过锚点设置hash值来做的。

设置方法：

• step1: 在页面顶部的div加一个id=“top”，例如：

<div id="top">顶部</div>

• step2: 在合适的位置定位一个回顶部的按钮，设置href="#top",例如：

<a href="#top" id="ret-top">回顶部</a>

我这里简单的设置了a元素的样式：
让它固定定位在浏览器的右下方，距离底部100px

.return-top{
         position:fixed;/*设置固定定位，之后也可以设置宽高*/
        right: 0;
        bottom:100px;
        width: 60px;
        height: 20px;
        color: #000;
        line-height: 20px;
        text-align: center;
        background-color: pink;
        text-decoration: none;
    }

在顶部div，与底部固定定位的超链接之间多加些内容，或者加<br>，使页面出现垂直滚动条，可以明显看出效果，点击超链接,就可以回顶了，这就是锚点的强大作用。
点击链接之后，我们可以看到地址栏html的后面多了个“#top”
如图：

如果对您有用，请点赞鼓励我一下下~ ^_^