Jquery实现返回顶部功能

HTML部分

 <div class="fanhui-top">
 		<!--我这里用的是阿里巴巴图标--> 
        <i class="iconfont" style="font-size: 20px;">&#xe633;</i>
 </div>

Jquery部分

//1.隐藏返回顶部按钮

```javascript
在这里插入代码片
<script>
	$(".fanhui-top").hide()
	//2.当窗口滚动距离>100px时，显示按钮，否则隐藏按钮
    $(window).scroll(function () {
       $(window).scrollTop() >= 100 ? $(".fanhui-top").fadeIn() : $(".fanhui-top").fadeOut()
	})
	//当点击返回顶部按钮，让滚动距离变为0,800表示滚动时间
	$(".fanhui-top").on("click", function () {
   	   $("html,body").animate({ scrollTop: 0 }, 800)
	})
</script>