当我们浏览一个网页页面很长时,突然想看回顶部的信息,首先想到的就是:
- 网页有没有返回顶层按键
- 鼠标滚轮快速滑上
- 拖动滚动条到顶部
- 刷新页面
今天自学到HTML中的锚点知识,联想到了长网页上的“返回顶层”按钮,应该是用了锚点吧。
锚点语法:
<a name="锚点名字">我是锚点</a>
运用到网页的返回顶层代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
.body{width:1920px;height:5000px;background-color:#efefef;margin:0 auto}
a{float: right;}
</style>
<title>锚点的返回顶部</title>
</head>
<body>
<a href="#bottom" name="top">去到底部</a>
<div class="body">
<p>锚点的返回顶层运用</p>
</div>
<a href="#top" name="bottom">返回顶层</a>
</body>
</html>
锚点的返回顶层非常迅速,一下就到了顶部。不知道学习到后面还有没有其他的方法做到“返回顶层”的效果,待补。
我是很喜欢网页上拥有“返回顶层”这个按钮的,但是我上网浏览网页时发现,有些网页没有这个功能,这让我很苦恼,下意识的不想再看这个网站了。从用户体验上来说,这真的是一个很赞的功能,添加上去应该不会用很大功夫或者影响到什么吧…(小白路过)