a)我们来看看实现。实现非常简单。当JQ判断滚动条向下滚动多长时间时，将显示图标[回到顶部和回到主页](换句话说，滚动条顶部和页面顶部之间的距离)。另一种实现方法是通过锚点进行标记，很容易理解，就是标记一个位置，当事件被激活时，给我回到这个位置。

b)当b)JQ判断滚动条向下滚动多长时间时，该方法也可用于自动加载页面.也就是说，如果您继续滚动，数据将继续加载.用户体验非常好。

1)首先，我们编写DOM结构和CSS样式表

/* HTML */div style=' width : 100%；' height: 3000px'！-这个带有ID的p标签，称为锚标签，放在页面的顶部。目的是防止在代码不起作用时(例如类库版本的浏览器不支持)点击回到顶部。它仍然可以通过锚点标签实现-p id=' page top '/p section id=' top _ sec ' class=' top _ sec ' a href=' # page top ' id=' # ' id=' gopagehome '/a/section/div/* CSS bottom : 74px；right: 12px宽度： 42px；z-index : 999；display:无；} # goPageTop { width: 42pxheight: 42px边距-bottom : 10px；边界半径：50%；背景： URL(img/go _ top _ icon . png)no-repeat 0 0；背景尺寸： 42px汽车；display:块；} # goPageHome { width: 42pxheight: 42px相对位置：边界半径：50%；背景： URL(img/go _ home _ icon . png)no-repeat 0 0；背景尺寸： 42px汽车；display:块；}2)看看实现代码

脚本类型=' text/JavaScript ' src=' http : js/jquery-1 . 8 . 3 . min . js '/script script类型=' text/JavaScript'/*返回顶部*/$(function(){ $(function()){ $(window))。scroll (function () {/*判断滚动条与页面顶部的距离100，可以自定义*/if ($ (window))。scrolltop () 100) {$ ('# top _ sec ')。法丁(100)；/*使用。这里的show()可能太丑了*/} else {$ ('# top _ sec ')。淡出(100)；} });});/*将图片元素绑定回顶部事件*/$ (function () {$ ('# gopagetop ')。on ('click '，function () {$ ('body，html ')。动画({scrolltop: 0}，1000)；返回false});});});/script3)这是渲染

总结：一定要注意是否引用了JQ类库。

以上就是本文的全部内容，希望对大家有所帮助，谢谢大家的支持！