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的ready()方法单独使用示例
Mar 25 Javascript
JavaScript定义类和对象的方法
Nov 26 Javascript
javascript框架设计读书笔记之种子模块
Dec 02 Javascript
jQuery仿gmail实现fixed布局的方法
May 27 Javascript
谈一谈javascript闭包
Jan 28 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
Javascript之深入浅出prototype
Feb 06 Javascript
BootStrap与Select2使用小结
Feb 17 Javascript
js精确的加减乘除实例
Nov 14 Javascript
微信小程序实现购物页面左右联动
Feb 15 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 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 验证码实例代码
2010/06/01 PHP
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
YII模块实现绑定二级域名的方法
2014/07/09 PHP
利用php输出不同的心形图案
2016/04/22 PHP
PHP设计模式之工厂模式实例总结
2017/09/01 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
jquery专业的导航菜单特效代码分享
2015/08/29 Javascript
bootstrap网页框架的使用方法
2016/05/10 Javascript
vue.js入门教程之绑定class和style样式
2016/09/02 Javascript
JS正则替换掉小括号及内容的方法
2016/11/29 Javascript
理解javascript中的Function.prototype.bind的方法
2017/02/03 Javascript
详解nodejs操作mongodb数据库封装DB类
2017/04/10 NodeJs
详解JS函数stack size计算方法
2018/06/18 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
Angular7中创建组件/自定义指令/管道的方法实例详解
2019/04/02 Javascript
Vue实现回到顶部和底部动画效果
2019/07/31 Javascript
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
python: line=f.readlines()消除line中\n的方法
2018/03/19 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
深入学习python多线程与GIL
2019/08/26 Python
纯CSS3实现3D旋转书本效果
2016/03/21 HTML / CSS
前端面试必备之CSS3的新特性
2017/09/05 HTML / CSS
Web前端绘制0.5像素的几种方法
2017/08/11 HTML / CSS
CSS3实现超慢速移动动画效果非常流畅无卡顿
2014/06/15 HTML / CSS
英国领先的葡萄酒专家:Majestic Wine
2017/05/30 全球购物
网络教育毕业生自我鉴定
2013/10/10 职场文书
宿舍违规检讨书
2014/01/12 职场文书
党员承诺践诺书
2014/05/20 职场文书
工作违纪检讨书范文
2015/01/26 职场文书
公司聚餐通知
2015/04/22 职场文书
2015年三好一满意工作总结
2015/07/24 职场文书
数学备课组工作总结
2015/08/12 职场文书
Python并发编程实例教程之线程的玩法
2021/06/20 Python
Redis缓存-序列化对象存储乱码问题的解决
2021/06/21 Redis
Fluentd搭建日志收集服务
2022/09/23 Servers