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 相关文章推荐
我遇到的参数传递中 双引号单引号嵌套问题
Feb 11 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
Nov 03 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
JavaScript使用键盘输入控制实现数字验证功能
Aug 19 Javascript
js html css实现复选框全选与反选
Oct 09 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
jQuery实现获取h1-h6标题元素值的方法
Mar 06 Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 Javascript
angular第三方包开发整理(小结)
Apr 19 Javascript
微信小程序使用form表单获取输入框数据的实例代码
May 17 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
May 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
解析coreseek for sphinx的使用
2013/06/21 PHP
thinkphp四种url访问方式详解
2014/11/28 PHP
PHP中预定义的6种接口介绍
2015/05/12 PHP
PHP使用Redis替代文件存储Session的方法
2017/02/15 PHP
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
js实现遮罩层划出效果是生成div而不是显示
2014/07/29 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
js实现(全选)多选按钮的方法【附实例】
2016/03/30 Javascript
js制作网站首页图片轮播特效代码
2016/08/30 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
vue实现微信分享朋友圈,发送朋友的示例讲解
2018/02/10 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
2018/09/19 Javascript
elementUI Tree 树形控件的官方使用文档
2019/04/25 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
vuex刷新后数据丢失的解决方法
2020/10/18 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
2021/01/27 Javascript
Python selenium文件上传方法汇总
2020/11/19 Python
Python使用遗传算法解决最大流问题
2018/01/29 Python
Python3数字求和的实例
2019/02/19 Python
Python面向对象实现一个对象调用另一个对象操作示例
2019/04/08 Python
python 密码学示例——理解哈希(Hash)算法
2020/09/21 Python
python3中编码获取网页的实例方法
2020/11/16 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
浅析HTML5中的download属性使用
2019/03/13 HTML / CSS
澳大利亚和新西兰最大的在线旅行社之一:Aunt Betty
2019/08/07 全球购物
创联软件面试题笔试题
2012/10/07 面试题
入团者的自我评价分享
2013/12/02 职场文书
优秀团员个人事迹材料
2014/01/29 职场文书
会计助理岗位职责
2014/02/17 职场文书
基本公共卫生服务健康教育工作方案
2014/05/22 职场文书
企业文化口号
2014/06/12 职场文书
施工单位安全责任书
2014/07/24 职场文书
python 管理系统实现mysql交互的示例代码
2021/12/06 Python