jquery返回顶部功能如何实现

在jquery中，可以使用scroll()方法，通过if判断，实现回到顶部的功能。下面小编举例讲解jquery返回顶部功能如何实现。

东西/原料

1
新建一个html文件，定名为test.html，用于讲解jquery返回顶部功能若何实现。
2
在test.html文件内，利用a标签建立一个回到顶部的链接，并设置其id属性为btn。
3
在css标签内，经由过程id给a标签设置样式，界说其位置为页面右下解。
4
在js标签中，利用ready()方式在页面加载完当作时，经由过程hide()方式将a标签埋没。
5
在js标签中，再经由过程scroll()方式，经由过程if判定，当滚动条的位置处于距顶部50像素以下时，跳转链接呈现（fadeIn），不然消逝(fadeOut)。当点击跳转链接后，将scrollTop设置为0，回到页面顶部位置。
6
在浏览器打开test.html文件，点击回到顶部，查看实现的结果。
END