BacktoTop的几种方法

Ft 2021-09-02 PM 0℃ 0条

用默认链接锚点
添加一个a链接,设置a链接的href属性值为”#top”即可实现

<body>
<div>我在顶部</div>
<!-- 很多内容 -->
<div><a href="#top">返回顶部</a></div>
</body>

href指向特定的id
给页面顶部元素设置一个id值,将返回顶部a链接的href属性指向改id属性的元素

<body>
<div id="header">我在顶部</div>
<!-- 很多内容 -->
<div><a href="#header">返回顶部</a></div>
</body>

使用自定义链接锚点
在页面顶部定义一个锚点,然后将返回顶部a链接的href属性指向该锚点

<body>
<a name="goTop"></a>
<div>我在顶部</div>
<!-- 很多内容 -->
<div><a href="#goTop">返回顶部</a></div>
</body>
您的大名:
万水千山总是情,给个打赏行不行。 打赏
标签: typecho

非特殊说明,本博所有文章均为博主原创。

评论啦~