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

jqeury-easyui-layout问题解决方法

Mar 24 Javascript

jQuery支持动态参数将函数绑定到事件上的方法

Mar 17 Javascript

基于Flowplayer打造一款免费的WEB视频播放器附源码

Sep 06 Javascript

跨域请求的完美解决方法(JSONP, CORS)

Jun 12 Javascript

总结AngularJS开发者最常犯的十个错误

Aug 31 Javascript

JS克隆，属性，数组，对象，函数实例分析

Nov 26 Javascript

Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法

Dec 30 Javascript

BootStrap的两种模态框方式

May 10 Javascript

详解vue2.0+vue-video-player实现hls播放全过程

Mar 02 Javascript

对vue2.0中.vue文件页面跳转之.$router.push的用法详解

Aug 24 Javascript

JS校验与最终登陆界面功能完整示例

Jan 13 Javascript

Js数组扁平化实现方法代码总汇

Nov 11 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

收音机的保养

2021/03/01 无线电

ThinkPHP打开验证码页面显示乱码的解决方法

2014/12/18 PHP

54个提高PHP程序运行效率的方法

2015/07/19 PHP

PHP针对多用户实现更换头像功能

2016/09/04 PHP

LazyForm jQuery plugin 定制您的CheckBox Radio和Select

2009/10/24 Javascript

JavaScript单元测试ABC

2012/04/12 Javascript

圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现

2012/12/27 Javascript

点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码

2014/02/10 Javascript

Nodejs异步回调的优雅处理方法

2014/09/25 NodeJs

Nodejs关于gzip/deflate压缩详解

2015/03/04 NodeJs

JavaScript结合Bootstrap仿微信后台多图文界面管理

2016/07/22 Javascript

ES2015 Symbol 一种绝不重复的值

2016/12/25 Javascript

vue2 如何实现div contenteditable=“true”(类似于v-model)的效果

2017/02/08 Javascript

解决Vue2.0自带浏览器里无法打开的原因（兼容处理）

2017/07/28 Javascript

react-native-fs实现文件下载、文本存储的示例代码

2017/09/22 Javascript

angular.js和vue.js中实现函数去抖示例（debounce）

2018/01/18 Javascript

layui 地区三级联动 form select 渲染的实例

2019/09/27 Javascript

[04:11]2014DOTA2国际邀请赛 CIS遗憾出局梦想不灭

2014/07/09 DOTA

[02:28]DOTA2亚洲邀请赛 LGD战队巡礼

2015/02/03 DOTA

Python set集合类型操作总结

2014/11/07 Python

探究python中open函数的使用

2016/03/01 Python

Python 如何访问外围作用域中的变量

2016/09/11 Python

Python基于递归实现电话号码映射功能示例

2018/04/13 Python

python使用matplotlib画饼状图

2018/09/25 Python

对python 生成拼接xml报文的示例详解

2018/12/28 Python

一款基于css3和jquery实现的动画显示弹出层按钮教程

2015/01/04 HTML / CSS

丝芙兰墨西哥官网：Sephora墨西哥

2020/05/30 全球购物

优秀信贷员先进事迹

2014/01/31 职场文书

餐厅筹备计划书

2014/04/25 职场文书

节能环保家庭事迹材料

2014/08/27 职场文书

见习报告的格式

2014/10/31 职场文书

2015年监理工作总结范文

2015/04/07 职场文书

学校教师培训工作总结

2015/10/14 职场文书

运动会班级口号霸气押韵

2015/12/24 职场文书

如何用Navicat操作MySQL

2021/05/12 MySQL

vue3获取当前路由地址

2022/02/18 Vue.js