JQuery点击事件回到页面顶部效果的实现代码


Posted in Javascript onMay 24, 2016

JQuery点击事件回到页面顶部效果的实现代码

//2个div,点击某个时回到顶部

<div style="height:1000px">111111111111111</div>
 <div id="top" >top</div>

<引用JQuery>

<script type="text/javascript">

$(function(){
 $("#top").click(function() {
   $("html,body").animate({scrollTop:0}, 500);
 }); 
 })

</script>

以上这篇JQuery点击事件回到页面顶部效果的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery中ajax学习笔记3
Oct 16 Javascript
javascript获取隐藏dom的宽高 具体实现
Jul 14 Javascript
JS获取各种浏览器窗口大小的方法
Jan 14 Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
Jan 04 Javascript
JS变量及其作用域
Mar 29 Javascript
vue-cli+webpack在生成的项目中使用bootstrap实例代码
May 26 Javascript
vue.js组件之间传递数据的方法
Jul 10 Javascript
easyui-datagrid开发实践(总结)
Aug 02 Javascript
vue内置组件transition简单原理图文详解(小结)
Jul 12 Javascript
vue移动端监听滚动条高度的实现方法
Sep 03 Javascript
JS运算符优先级与表达式示例详解
Sep 04 Javascript
JavaScript中判断数据类型的方法总结
May 24 #Javascript
JS实现回到页面顶部动画效果的简单实例
May 24 #Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 #Javascript
JS 清除字符串数组中,重复元素的实现方法
May 24 #Javascript
原生js的数组除重复简单实例
May 24 #Javascript
实例讲解jQuery中对事件的命名空间的运用
May 24 #Javascript
json传值以及ajax接收详解
May 24 #Javascript
You might like
用PHP实现验证码功能
2006/10/09 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
php 发送带附件邮件示例
2014/01/23 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
php实现通过ftp上传文件
2015/06/19 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
jQuery 入门讲解1
2009/04/15 Javascript
测试IE浏览器对JavaScript的AngularJS的兼容性
2015/06/19 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
2016/05/18 Javascript
Vuex简单入门
2017/04/19 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
通过js实现压缩图片上传功能
2020/02/25 Javascript
原生js实现瀑布流效果
2020/03/09 Javascript
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
[01:01:04]2018DOTA2亚洲邀请赛 4.5 淘汰赛 OpTic vs TNC 第一场
2018/04/06 DOTA
浅析Python中的多条件排序实现
2016/06/07 Python
python调用百度语音识别实现大音频文件语音识别功能
2018/08/30 Python
Pandas对DataFrame单列/多列进行运算(map, apply, transform, agg)
2020/06/14 Python
python中rb含义理解
2020/06/18 Python
浅谈优化Django ORM中的性能问题
2020/07/09 Python
基于python实现MQTT发布订阅过程原理解析
2020/07/27 Python
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2020/11/17 Python
计算机本科生自荐信
2013/10/15 职场文书
公积金单位接收函
2014/01/11 职场文书
进步之星获奖感言
2014/02/22 职场文书
招聘专员岗位职责
2014/03/07 职场文书
婚礼司仪主持词
2014/03/14 职场文书
委托公证书
2014/04/08 职场文书
勾股定理课后反思
2014/04/26 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
2014年预备党员端正入党动机思想汇报
2014/09/13 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
班主任开场白
2015/06/01 职场文书
八年级历史教学反思
2016/02/19 职场文书
Django实现翻页的示例代码
2021/05/24 Python