使⽤a标签的href=#属性可以返回页⾯顶部
偶然发现可以使⽤a标签的href="#"属性返回页⾯顶部，如果在加上样式，平滑滚动，那么就可以很简单的实现回到顶部，⽽不是使⽤JS，具体效果可以看这篇⽂章
平滑滚动代码：
href标签怎么用html{
scroll-behavior: smooth ;
}
效果如下：
代码如下：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 这个是fontawesome5字体图标，也就是那个⼩箭头 -->
<link rel="stylesheet" href="../fontawesome5/css/all.css">
<style>
html{
scroll-behavior: smooth ;
}
</style>
<title>test</title>
</head>
<body>
<h1>Hello world</h1>
<hr>
<!-- 100个hr标签 -->
...
...
...
<a href="#"><i class="fas fa-arrow-up"></i></a>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。