jQuery返回顶部-去问十一

的有关信息介绍如下：

jQuery返回顶部

打开网页，页面数据很多时我们会发现很多网站右下角会有一个返回顶部的小图标，点击小图标后页面就可以快速的返回到顶部。返回顶部的有两种方法

1.jq返回顶部的代码：$('body,html').animate({scrollTop:0},1000);

2.使用a标签的锚点：返回顶部

打开html代码编辑器，新建一个html页面。如图：

在html代码页面创建一个返回顶部的按钮，然后给这个按钮添加返回顶部的点击事件。如图：

代码：

在案例中，使用的jquery 引入jquery库（注意：一定要确认引入的jquery路径是否正确）。

引入jquery代码：

创建

保存html代码后，使用浏览器打开，拖动滚动条到最下方，然后点击返回顶部就可以看到滚动条慢慢的返回到页面顶部位置。如图：

页面所有代码。可以直接复制页面代码到粘贴到新建的html页面后保存后，修改引入的jquery路径为本地路径，保存后使用浏览器打开即可看到效果。

所有代码：

点击按钮返回顶部

你好我好大家好
你好我好大家好
你好我好大家好

新建一个html页面，在html页面输入内容。如图：

在开始标签的后面添加一个

标签，然后在为这个

代码：

保存html代码后，使用浏览器打开，拖动滚动条到最下方，然后点击返回顶部就可以看到滚动条返回到页面顶部位置。如图：

标签:jQuery,顶部,返回