jquery 页面滚动条回到顶部_如何用jQuery实现页面返回顶部的效果（附代码）

大家在浏览网站时有没有发现，往下滑动页面会出现一个返回顶部的按钮，点击就能返回顶部，那你知道HTML页面返回顶部怎么实现的吗？这篇文章就给大家分享最简单的HTML页面返回顶部的jQuery代码，感兴趣的朋友可以参考一下。

实现页面返回顶部的效果需要用到很多JavaScript知识，比如：function()，animate，fadeOut等等，如有不清楚的小伙伴可以参考PHP中文网的相关文章，或者访问 JavaScript视频教程。

实例描述：用户往下滑动页面，当滚动条距离顶部的距离大于100px时，用fadeIn显示返回按钮，当点击按钮返回顶部后，按钮消失，具体代码如下：

HTML部分：

CSS部分：*{margin: 0;padding: 0;}

#wrapper{margin: 0 auto;width: 500px;}

.cont1{height: 500px;background-color: wheat;}

.cont2{height: 500px;background-color: honeydew;}

.cont3{height: 500px;background-color: blueviolet;}

.cont4{height: 500px;background-color: pink;}

#toTop {display: none;text-decoration: none;position: fixed;bottom: 20px;right: 20px;overflow: hidden;width: 50p