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 相关文章推荐
网页打开自动最大化的js代码
Aug 22 Javascript
jQuery中insertAfter()方法用法实例
Jan 08 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
Jul 01 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
微信公众号支付H5调用支付解析
Nov 04 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
May 30 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
使用JS组件实现带ToolTip验证框的实例代码
Aug 23 Javascript
Bootstrap模态对话框用法简单示例
Aug 31 Javascript
使用Angular 6创建各种动画效果的方法
Oct 10 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
TypeScript中使用getElementXXX()的示例代码
Sep 12 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 fsockopen中多线程问题的解决办法[翻译]
2011/11/09 PHP
php实现通用的信用卡验证类
2015/03/24 PHP
一键生成各种尺寸Icon的php脚本(实例)
2017/02/08 PHP
php的instanceof和判断闭包Closure操作示例
2020/01/26 PHP
PHP设计模式入门之迭代器模式原理与实现方法分析
2020/04/26 PHP
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
浅析Js(Jquery)中,字符串与JSON格式互相转换的示例(直接运行实例)
2013/07/09 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
NodeJS学习笔记之Connect中间件应用实例
2015/01/27 NodeJs
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
jquery转盘抽奖功能实现
2015/11/13 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
基于javascript实现彩票随机数生成(简单版)
2020/04/17 Javascript
对js中回调函数的一些看法
2016/08/29 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
2017/08/25 Javascript
Layui 设置select下拉框自动选中某项的方法
2018/08/14 Javascript
如何在微信小程序里面退出小程序的方法
2019/04/28 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
用js编写留言板
2020/03/17 Javascript
python列表操作实例
2015/01/14 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
Python数据结构之栈、队列及二叉树定义与用法浅析
2018/12/27 Python
Python使用统计函数绘制简单图形实例代码
2019/05/15 Python
win10安装tesserocr配置 Python使用tesserocr识别字母数字验证码
2020/01/16 Python
Pytho爬虫中Requests设置请求头Headers的方法
2020/09/22 Python
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
应届生财务管理求职信
2013/11/06 职场文书
《月光启蒙》教学反思
2014/03/01 职场文书
80后职场人的职业生涯规划
2014/03/08 职场文书
QQ空间主人寄语大全
2014/04/12 职场文书
出国留学自荐信模板
2015/03/06 职场文书
详解CSS不受控制的position fixed
2021/05/25 HTML / CSS