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实现的网页颜色代码表全集
Jul 17 Javascript
DIV外区域Click后关闭DIV的实现代码
Dec 21 Javascript
JavaScript让网页出现渐隐渐显背景颜色的方法
Apr 21 Javascript
安装使用Mongoose配合Node.js操作MongoDB的基础教程
Mar 01 Javascript
基于jquery实现三级下拉菜单
May 10 Javascript
sso跨域写cookie的一段js脚本(推荐)
May 25 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
seajs学习之模块的依赖加载及模块API的导出
Oct 20 Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 Javascript
详解使用 Node.js 开发简单的脚手架工具
Jun 08 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
Feb 26 Vue.js
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-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
php实现的常见排序算法汇总
2014/09/08 PHP
php中使用base HTTP验证的方法
2015/04/20 PHP
php使用curl通过代理获取数据的实现方法
2016/05/16 PHP
javascript面向对象编程代码
2011/12/19 Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
2013/12/03 Javascript
js获取会话框prompt的返回值的方法
2015/01/10 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
javascript生成不重复的随机数
2015/07/17 Javascript
JavaScript多并发问题如何处理
2015/10/28 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
2018/09/20 Javascript
如何根据业务封装自己的功能组件
2019/04/19 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
详解Python多线程
2016/11/14 Python
python生成器与迭代器详解
2019/01/01 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
python 实现仿微信聊天时间格式化显示的代码
2020/04/17 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
英语专业学子个人的自我评价
2013/10/02 职场文书
跟单文员的岗位职责
2013/11/14 职场文书
铲车司机岗位职责
2014/03/15 职场文书
乡镇精神文明建设汇报材料
2014/08/15 职场文书
个人房屋买卖协议书(范本)
2014/10/04 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
内乡县衙导游词
2015/02/05 职场文书
父亲节活动总结
2015/02/12 职场文书
党员廉洁自律个人总结
2015/02/13 职场文书
六一儿童节致辞
2015/07/31 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
Python中threading库实现线程锁与释放锁
2021/05/17 Python
「月刊Comic Alive」2022年5月号封面公开
2022/03/21 日漫