编程 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 获取图片颜色

Apr 05 Javascript

jQuery的强大选择器小结

Dec 27 Javascript

js confirm()方法的使用方法实例

Jul 13 Javascript

js控制鼠标事件移动及移出效果显示

Oct 19 Javascript

javascript实现根据时间段显示问候语的方法

Jun 18 Javascript

原生JS实现首页进度加载动画

Sep 14 Javascript

jquery实现tab选项卡切换效果（悬停、下方横线动画位移）

May 05 jQuery

JS中将多个逗号替换为一个逗号的实现代码

Jun 23 Javascript

jQuery选择器之属性过滤选择器详解

Sep 28 jQuery

Vue中mintui的field实现blur和focus事件的方法

Aug 25 Javascript

记一次webapck4 配置文件无效的解决历程

Sep 19 Javascript

JS使用Chrome浏览器实现调试线上代码

Jul 23 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 daodb插入、更新与删除数据

2009/03/19 PHP

php数组函数序列之array_flip() 将数组键名与值对调

2011/11/07 PHP

PHP实现AES256加密算法实例

2014/09/22 PHP

Zend Framework入门教程之Zend_Registry组件用法详解

2016/12/09 PHP

THINKPHP5.1 Config的配置与获取详解

2020/06/08 PHP

支持ie与FireFox的剪切板操作代码

2009/09/28 Javascript

js取值中form.all和不加all的区别介绍

2014/01/20 Javascript

实例讲解JavaScript中instanceof运算符的用法

2016/06/08 Javascript

Bootstrap的基本应用要点浅析

2016/12/19 Javascript

vue组件中点击按钮后修改输入框的状态实例代码

2017/04/14 Javascript

基于代数方程库Algebra.js解二元一次方程功能示例

2017/06/09 Javascript

浅谈Angular路由守卫

2017/08/26 Javascript

在小程序中集成redux/immutable/thunk第三方库的方法

2018/08/12 Javascript

vue单文件组件lint error自动fix与styleLint报错自动fix详解

2019/01/08 Javascript

解决微信小程序调用moveToLocation失效问题【超简单】

2019/04/12 Javascript

基于mpvue小程序使用echarts画折线图的方法示例

2019/04/24 Javascript

vue中的面包屑导航组件实例代码

2019/07/01 Javascript

JavaScript生成随机验证码代码实例

2019/09/28 Javascript

vue 组件间的通信之子组件向父组件传值的方式

2020/07/29 Javascript

简介JavaScript错误处理机制

2020/08/04 Javascript

python 从远程服务器下载日志文件的程序

2013/02/10 Python

python和C语言混合编程实例

2014/06/04 Python

简单介绍Python中的JSON模块

2015/04/08 Python

Django开发中的日志输出的方法

2018/07/02 Python

python 使用pdfminer3k 读取PDF文档的例子

2019/08/27 Python

python自动发微信监控报警

2019/09/06 Python

python爬虫用scrapy获取影片的实例分析

2020/11/23 Python

纯CSS实现菜单、导航栏的3D翻转动画效果

2014/04/23 HTML / CSS

html5 postMessage前端跨域并前端监听的方法示例

2018/11/01 HTML / CSS

中国一家专注拼团的社交购物网站：拼多多

2018/06/13 全球购物

平面设计专业求职信

2014/08/09 职场文书

乡镇领导班子批评与自我批评材料

2014/09/23 职场文书

2014年教学工作总结

2014/11/13 职场文书

单位实习介绍信

2015/05/05 职场文书

民事起诉状范文

2015/05/19 职场文书

2019年销售部季度工作计划3篇

2019/10/09 职场文书