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 相关文章推荐
原生javascript模仿win8等待提示圆圈进度条
Apr 24 Javascript
jQuery中width()方法用法实例
Dec 24 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
JavaScript中window.open用法实例详解
Apr 15 Javascript
JavaScript实现横向滑出的多级菜单效果
Oct 09 Javascript
JS基于正则表达式的替换操作(replace)用法示例
Apr 28 Javascript
angularjs实现天气预报功能
Jun 16 Javascript
Vue官方文档梳理之全局配置
Nov 22 Javascript
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
js观察者模式的弹幕案例
Nov 23 Javascript
Vue Element-ui表单校验规则实现
Jul 09 Vue.js
JavaScript高级程序设计之变量与作用域
Nov 17 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程序61条面向对象分析设计的经验小结
2008/11/12 PHP
php字符串操作常见问题小结
2016/10/11 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
2013/05/07 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
2014/09/10 Javascript
Javascript中String的常用方法实例分析
2015/06/13 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
实现JavaScript的组成----BOM和DOM详解
2016/05/18 Javascript
AngularJS包括详解及示例代码
2016/08/17 Javascript
JavaScript中 this 指向问题深度解析
2017/02/21 Javascript
微信小程序 出现错误:{&quot;baseresponse&quot;:{&quot;errcode&quot;:-80002,&quot;errmsg&quot;:&quot;&quot;}}解决办法
2017/02/23 Javascript
Javascript实现基本运算器
2017/07/15 Javascript
vue-cli3+typescript初体验小结
2019/02/28 Javascript
vue解决跨域问题(推荐)
2020/11/10 Javascript
[26:24]完美副总裁、DOTA2负责人蔡玮专访:电竞如人生
2014/09/11 DOTA
python中的hashlib和base64加密模块使用实例
2014/09/02 Python
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
微信跳一跳小游戏python脚本
2018/01/05 Python
快速了解python leveldb
2018/01/18 Python
详解PyTorch批训练及优化器比较
2018/04/28 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
2018/04/23 HTML / CSS
家乐福台湾线上购物网:Carrefour台湾
2020/09/15 全球购物
PatPat香港:婴童服饰和亲子全家装在线购物
2020/09/27 全球购物
2014小学数学教师个人工作总结
2014/12/18 职场文书
新年祝酒词大全
2015/08/11 职场文书
2016教师廉洁从教心得体会
2016/01/13 职场文书
经典人生语录分享:不畏将来,不念过去,笑对当下
2019/12/12 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP
Python网络编程之ZeroMQ知识总结
2021/04/25 Python
MySQL如何解决幻读问题
2021/08/07 MySQL