a)下面看看实现，实现很简单，通过JQ判断滚动条向下滚动的长度大于多少时显示【回到顶部+回到首页】的图标（换一种理解：滚动条顶端距离页面顶部的距离），另外一种实现方法，就是通过锚标记，很好理解，就是标记一个位置，事件激活时，给我回到这个位置
b)JQ判断滚动条向下滚动的长度大于多少时，这个方法，也可以用来做页面的自动加载...就是你不停滚动，数据就不停加载...用户体验很好的喔【有时间就写】
1）首先我们写好DOM结构、写好CSS样式表
a)下面看看实现，实现很简单，通过JQ判断滚动条向下滚动的长度大于多少时显示【回到顶部+回到首页】的图标（换一种理解：滚动条顶端距离页面顶部的距离），另外一种实现方法，就是通过锚标记，很好理解，就是标记一个位置，事件激活时，给我回到这个位置
b)JQ判断滚动条向下滚动的长度大于多少时，这个方法，也可以用来做页面的自动加载...就是你不停滚动，数据就不停加载...用户体验很好的喔【有时间就写】
1）首先我们写好DOM结构、写好CSS样式表
width: 42px;
height: 42px;
margin-bottom: 10px;
border-radius: 50%;
background: url(img/go_top_icon.png) no-repeat 0 0;
background-size: 42px auto;
display: block;}
width: 42px;
height: 42px;
position: relative;
border-radius: 50%;
background: url(img/go_home_icon.png) no-repeat 0 0;
background-size: 42px auto;
display: block;}
2）来看看实现代码
3）这是效果图
总结：一定注意是否引用了JQ类库。
原文链接：https://www.f2er.com/jquery/44241.html