HTML回到顶部代码怎么做

2019-07-17 11:50:56网站建设

在网站的HTML代码里,加上回到顶部代码是为了用户在浏览网站时,能够方便用户返回网页顶部。

回到顶部功能一般是鼠标滚动一定高度以后,或者是一直在固定的位置,出现返回顶部按钮。当鼠标点击返回顶部时,实现网页回到顶部的效果。

下面为大家分享几种简单的返回顶部方法。

1、用命名锚的形式点击返回到顶部。

先预设的一个id值,然后在HTML中需要的位置加入锚链接,形式的代码如:<a href="#top" target="_self">回到顶部</a>。

2、操作scrooll函数用来控制滚动条的位置

代码是<a href="javascript:scroll(0,0)">回到顶部</a>,但是它的有个缺点就是,没有浏览页面时滚动感觉;

3、通过JS来实现,这种一般效果比较好。

具体代码可以从代码素材站找自己喜欢的样式,然后更改成自己需要的即可。

HTML回到顶部代码怎么做相关