编程 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 相关文章推荐

JAVASCRIPT IE 与 FF中兼容问题小结

Feb 18 Javascript

js中的数组Array定义与sort方法使用示例

Aug 29 Javascript

简单纯js实现点击切换TAB标签实例

Aug 23 Javascript

JS深度拷贝Object Array实例分析

Mar 31 Javascript

JS 清除字符串数组中,重复元素的实现方法

May 24 Javascript

微信小程序实现图片自适应(支持多图)

Jan 25 Javascript

解析jquery easyui tree异步加载子节点问题

Mar 08 Javascript

详解Angular中的自定义服务Service、Provider以及Factory

Apr 22 Javascript

Vue在页面右上角实现可悬浮/隐藏的系统菜单

May 04 Javascript

Fundebug支持监控微信小程序HTTP请求错误的方法

Feb 21 Javascript

webpack4 SplitChunks实现代码分隔详解

May 23 Javascript

vue-cli配置全局sass、less变量的方法

Jun 06 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图像处理类代码分享

2012/01/19 PHP

用js计算页面执行时间的函数

2006/12/07 Javascript

jquery.simple.tree插件更简单，兼容性更好的无限树插件

2010/09/03 Javascript

jQuery $.get 的妙用访问本地文本文件

2012/07/12 Javascript

js判断浏览器是否支持html5

2014/08/17 Javascript

JavaScript设计模式之外观模式介绍

2014/12/28 Javascript

js+css实现上下翻页相册代码分享

2015/08/18 Javascript

jQuery实现的AJAX简单弹出层效果代码

2015/11/26 Javascript

JQuery 动态生成Table表格实例代码

2016/12/02 Javascript

node.js学习之事件模块Events的使用示例

2017/09/28 Javascript

Node.js笔记之process模块解读

2018/05/31 Javascript

[07:47]DOTA2国际邀请赛采访专栏：探访Valve总部

2013/08/08 DOTA

[01:48]完美圣典齐天大圣至宝宣传片

2016/12/17 DOTA

[47:04]EG vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.16

2019/08/18 DOTA

[51:52]Liquid vs Secret 2019国际邀请赛淘汰赛败者组 BO3 第二场 8.24

2019/09/10 DOTA

python实现去除下载电影和电视剧文件名中的多余字符的方法

2014/09/23 Python

python基于pygame实现响应游戏中事件的方法(附源码)

2015/11/11 Python

Python+OpenCV让电脑帮你玩微信跳一跳

2018/01/04 Python

Python对象属性自动更新操作示例

2018/06/15 Python

Python实现iOS自动化打包详解步骤

2018/10/03 Python

python计算阶乘和的方法(1!+2!+3!+...+n!)

2019/02/01 Python

django数据模型（Model）的字段类型解析

2019/12/25 Python

pyqt5中动画的使用详解

2020/04/01 Python

TensorFlow的reshape操作 tf.reshape的实现

2020/04/19 Python

CSS3按钮鼠标悬浮实现光圈效果源码

2016/09/11 HTML / CSS

如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

2019/08/01 HTML / CSS

Under Armour安德玛中国官网：美国高端运动科技品牌

2018/03/09 全球购物

Vision Direct比利时：在线订购隐形眼镜

2019/08/27 全球购物

英国男女豪华配饰和礼品网站：Black.co.uk

2020/02/28 全球购物

解释一下钝化(Swap out)

2016/12/26 面试题

教师四风对照检查材料思想汇报

2014/09/17 职场文书

初中成绩单评语

2014/12/29 职场文书

幼儿园大班个人总结

2015/02/28 职场文书

办公室禁烟通知

2015/04/23 职场文书

致我们终将逝去的青春观后感

2015/06/10 职场文书

解决golang 关于全局变量的坑

2021/05/06 Golang