编程 Javascript

jquery滚动到顶部底部代码

Posted in Javascript onApril 20, 2015

HTML

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>图片预加载</title>
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div class="a">
      jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部
    </div>
    <input type="button" class="scrollTop" value="回到顶部">
</body>
</html>

JS代码

$(function(){
  $(".scrollTop").click(function(){
   $('html, body').animate({scrollTop:0}, 'slow');//回到顶部
  })
})

以上所述就是本文的全部代码了，希望大家能够喜欢。

jquery滚动到顶部底部代码

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

在chrome中window.onload事件的一些问题

Mar 01 Javascript

De facto standard 世界上不可思议的事实标准

Aug 29 Javascript

Jquery 过滤器(first,last,not,even,odd)的使用

Jan 22 Javascript

JavaScript实现下拉列表框数据增加、删除、上下排序的方法

Aug 11 Javascript

jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮

Nov 18 Javascript

js获取Get值的方法

Sep 29 Javascript

vue计算属性和监听器实例解析

May 10 Javascript

JS开发自己的类库实例分析

Aug 28 Javascript

layer扩展打开/关闭动画的方法

Sep 23 Javascript

js通过canvas生成图片缩略图

Oct 02 Javascript

Antd-vue Table组件添加Click事件,实现点击某行数据教程

Nov 17 Javascript

Typescript类型系统FLOW静态检查基本规范

May 25 Javascript

浅谈javascript属性onresize

Apr 20 #Javascript

jquery代码实现简单的随机图片瀑布流效果

Apr 20 #Javascript

被遗忘的javascript的slice() 方法

Apr 20 #Javascript

JavaScript Window浏览器对象模型方法与属性汇总

Apr 20 #Javascript

分享10个原生JavaScript技巧

Apr 20 #Javascript

JQuery限制复选框checkbox可选中个数的方法

Apr 20 #Javascript

js插件YprogressBar实现漂亮的进度条效果

Apr 20 #Javascript

You might like

php mysql 封装类实例代码

2016/09/18 PHP

PHP实现的字符串匹配算法示例【sunday算法】

2017/12/19 PHP

javascript 兼容所有浏览器的DOM扩展功能

2012/08/01 Javascript

JavaScript操作Cookie方法实例分析

2015/05/27 Javascript

jQuery插件jquery-barcode实现条码打印的方法

2015/11/25 Javascript

浅析JavaScript中浏览器的兼容问题

2016/04/19 Javascript

javascript中异常处理案例(推荐)

2016/10/03 Javascript

JavaScript重定向URL参数的两种方法小结

2016/10/19 Javascript

详解Angular2响应式表单

2017/06/14 Javascript

node.js中TCP Socket多进程间的消息推送示例详解

2018/07/10 Javascript

vue 实现边输入边搜索功能的实例讲解

2018/09/16 Javascript

javascript+HTML5 canvas绘制时钟功能示例

2019/05/15 Javascript

[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示

2014/11/25 DOTA

[02:12]Dota 2 推出全新英雄—— 电炎绝手

2019/08/23 DOTA

Python中利用函数装饰器实现备忘功能

2015/03/30 Python

Windows下为Python安装Matplotlib模块

2015/11/06 Python

Python时间的精准正则匹配方法分析

2017/08/17 Python

python 文件操作删除某行的实例

2017/09/04 Python

1分钟快速生成用于网页内容提取的xslt

2018/02/23 Python

Python3.7实现中控考勤机自动连接

2018/08/28 Python

python读写csv文件方法详细总结

2019/07/05 Python

django之对FileField字段的upload_to的设定方法

2019/07/28 Python

django-初始配置(纯手写)详解

2019/07/30 Python

分享8点超级有用的Python编程建议(推荐)

2019/10/13 Python

基于python调用psutil模块过程解析

2019/12/20 Python

python实现xml转json文件的示例代码

2020/12/30 Python

浅谈Selenium+Webdriver 常用的元素定位方式

2021/01/13 Python

html2canvas把div保存图片高清图的方法示例

2018/03/05 HTML / CSS

中国酒类在线零售网站：酒仙网

2016/08/20 全球购物

美国特价机票专家：Airfarewatchdog

2018/01/24 全球购物

教师演讲稿大全

2014/05/16 职场文书

技术比武方案

2014/05/19 职场文书

团队拓展活动总结

2014/08/27 职场文书

2015年化验员工作总结

2015/04/10 职场文书

青年联谊会致辞

2015/07/31 职场文书

放飞理想主题班会

2015/08/14 职场文书