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

用jquery实现学校的校历(asp.net+jquery ui 1.72)

Jan 01 Javascript

jquery 学习之一对象访问

Nov 23 Javascript

js实现正则匹配中文标点符号的方法

Dec 23 Javascript

详解JavaScript数组和字符串中去除重复值的方法

Mar 07 Javascript

JavaScript中instanceof运算符的使用示例

Jun 08 Javascript

BootStrap入门教程(一)之可视化布局

Sep 19 Javascript

jquery.uploadifive插件怎么解决上传限制图片或文件大小问题

May 08 jQuery

JS返回顶部实例代码

Aug 09 Javascript

详解如何将 Vue-cli 改造成支持多页面的 history 模式

Nov 20 Javascript

详解webpack模块加载器兼打包工具

Sep 11 Javascript

Vue实现购物车详情页面的方法

Aug 20 Javascript

Vue v-bind动态绑定class实例方法

Jan 15 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实现文件上传二法

2006/10/09 PHP

新版PHP极大的增强功能和性能

2006/10/09 PHP

php 文件夹删除、php清除缓存程序

2009/08/25 PHP

PHP函数之error_reporting(E_ALL ^ E_NOTICE)详细说明

2011/07/01 PHP

深入PHP变量存储的详解

2013/06/13 PHP

奉献出一个封装的curl函数便于调用(抓数据专用)

2013/07/22 PHP

ThinkPHP中的系统常量和预定义常量集合

2014/07/01 PHP

php实现webservice实例

2014/11/06 PHP

[原创]PHP实现生成vcf vcard文件功能类定义与使用方法详解【附demo源码下载】

2017/09/02 PHP

jQuery获取Select选择的Text和Value(详细汇总)

2013/01/25 Javascript

jquery checkbox实现单选小例

2013/11/27 Javascript

Jquery实现控件的隐藏和显示实例

2014/02/08 Javascript

原生js与jQuery实现简单的tab切换特效对比

2015/07/30 Javascript

jquery实现适用于门户站的导航下拉菜单效果代码

2015/08/24 Javascript

JavaScript事件处理的方式(三种)

2016/04/26 Javascript

js和C# 时间日期格式转换的简单实例

2016/05/28 Javascript

angularJs关于指令的一些冷门属性详解

2016/10/24 Javascript

js实现交通灯效果

2017/01/13 Javascript

vue项目中实现图片预览的公用组件功能

2018/10/26 Javascript

electron + vue项目实现打印小票功能及实现代码

2018/11/25 Javascript

vue输入框使用模糊搜索功能的实现代码

2020/05/26 Javascript

[57:09]DOTA2-DPC中国联赛正赛 Phoenix vs Dynasty BO3 第一场 1月26日

2021/03/11 DOTA

Python随机生成信用卡卡号的实现方法

2015/05/14 Python

Python cookbook（数据结构与算法）实现优先级队列的方法示例

2018/02/18 Python

使用python绘制3维正态分布图的方法

2018/12/29 Python

python3文件复制、延迟文件复制任务的实现方法

2019/09/02 Python

使用Tkinter制作信息提示框

2020/02/18 Python

keras实现多种分类网络的方式

2020/06/11 Python

python 基于卡方值分箱算法的实现示例

2020/07/17 Python

Python在线和离线安装第三方库的方法

2020/10/31 Python

Farfetch香港官网：汇集全球时尚奢侈品购物平台

2017/11/26 全球购物

励志演讲稿600字

2014/08/21 职场文书

教学改革问题查摆整改措施

2014/09/27 职场文书

大学生团员个人总结

2015/02/14 职场文书

2016学习全国教书育人楷模先进事迹心得体会

2016/01/21 职场文书

详解Flutter和Dart取消Future的三种方法

2022/04/07 Java/Android