编程 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 keycode总结

Feb 04 Javascript

菜鸟javascript基础资料整理3 正则

Dec 06 Javascript

Extjs表单常见验证小结

Mar 07 Javascript

js实现按Ctrl+Enter发送效果

Sep 18 Javascript

jQuery中removeAttr()方法用法实例

Jan 05 Javascript

基于jquery animate操作css样式属性小结

Nov 27 Javascript

Javascript基础_标记文字的实现方法

Jun 14 Javascript

JavaScript程序中实现继承特性的方式总结

Jun 24 Javascript

移动端刮刮乐的实现方式（js+HTML5）

Mar 23 Javascript

vue的无缝滚动组件vue-seamless-scroll实例

Dec 18 Javascript

Javascript中从学习bind到实现bind的过程

Jan 05 Javascript

vue-cli常用设置总结

Feb 24 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

基于mysql的bbs设计（三）

2006/10/09 PHP

php 多个submit提交表单处理方法

2009/07/07 PHP

php include加载文件两种方式效率比较

2010/08/08 PHP

Thinkphp实现短信验证注册功能

2016/10/18 PHP

js跟随滚动条滚动浮动代码

2009/12/31 Javascript

服务器端的JavaScript脚本 Node.js 使用入门

2012/03/07 Javascript

鼠标滚轮控制网页横向移动实现思路

2013/03/22 Javascript

jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享

2015/08/20 Javascript

javascript电商网站抢购倒计时效果实现

2015/11/19 Javascript

js注入黑客之路必备！

2016/09/14 Javascript

js轮播图透明度切换（带上下页和底部圆点切换）

2017/04/27 Javascript

elementUI select组件value值注意事项详解

2019/05/29 Javascript

20个必会的JavaScript面试题(小结)

2019/07/02 Javascript

JS实现瀑布流效果

2020/03/07 Javascript

vue 如何使用递归组件

2020/10/23 Javascript

Python脚本实现Web漏洞扫描工具

2016/10/25 Python

python3使用requests模块爬取页面内容的实战演练

2017/09/25 Python

windows下安装python的C扩展编译环境(解决Unable to find vcvarsall.bat)

2018/02/21 Python

Python面向对象之静态属性、类方法与静态方法分析

2018/08/24 Python

Python变量类型知识点总结

2019/02/18 Python

Python BeautifulSoup [解决方法] TypeError: list indices must be integers or slices, not str

2019/08/07 Python

python之列表推导式的用法

2019/11/29 Python

Python3 使用map()批量的转换数据类型,如str转float的实现

2019/11/29 Python

Python安装tar.gz格式文件方法详解

2020/01/19 Python

Python+unittest+requests 接口自动化测试框架搭建教程

2020/10/09 Python

详解python的xlwings库读写excel操作总结

2021/02/26 Python

Canvas实现保存图片到本地的示例代码

2018/06/28 HTML / CSS

毕业生求职简历的自我评价

2013/10/07 职场文书

财务会计应届生求职信

2013/11/24 职场文书

农贸市场管理制度

2014/01/31 职场文书

双创工作实施方案

2014/03/26 职场文书

普通党员个人对照检查材料

2014/09/18 职场文书

西安大雁塔导游词

2015/02/10 职场文书

红歌会主持词

2015/07/02 职场文书

那些美到让人窒息的诗句，值得你收藏！

2019/08/20 职场文书

如何利用React实现图片识别App

2022/02/18 Javascript