很多小可爱对html中鼠标点击某个按钮就会滑动返回顶部的特效特别有兴趣。今天小编我就来分享一下html中怎样实现滑动返回顶部的效果。工具/原料more电脑Hbuilder返回顶部源代码链接: https://pan.baidu.com/s/1kV22eIN 密码: bxk7方法/步骤1/8分步阅读

首先，在html中，小编我用到了两个div元素，并且它们都用到了ID哦。

2/8

然后我们设置content的高度非常高，这样就会产生滚动条啦。

3/8

然后设置gotop，让它固定不变的在右下角，哈哈，返回顶部一般都是在右下角的。

4/8

如你所看到的，滚动条有了，返回顶部的按钮也有了，接着就是设置特效了哦。

5/8

滑动特效要用到jQuery插件哦，所以要把它链接到html里头。

6/8

然后我们再给gotop设定一个点击事件，设定方法如下。

7/8

接着我们设置body的scrollTop值为0就行了哦，然后再设置一下animate的时间即可完成，非常简单。

8/8

滑动返回顶部用到了jQuery，对jQuery没有足够深入了解的或许也可以看看我的其他经验哦。

注意事项

有啥不懂的问题可以给我留言，我看到会回复的哦，谢谢！

如果这条经验帮助到了你，可以点赞收藏或者把它分享出去哦，谢谢！

HTML返回顶部滑动返回顶部JQUERY滑动