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实现的可隐藏重现的靠边悬浮层实例代码
May 27 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
Jul 07 Javascript
js修改input的type属性问题探讨
Oct 12 Javascript
Jquery 实现table样式的设定
Jan 28 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
Jun 13 Javascript
详解微信小程序开发之城市选择器 城市切换
Jan 17 Javascript
简单谈谈require模块化jquery和angular的问题
Jun 23 jQuery
vue实现留言板todolist功能
Aug 16 Javascript
Web开发使用Angular实现用户密码强度判别的方法
Sep 27 Javascript
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
Mar 28 Javascript
Vue.js中的组件系统
May 30 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
phpmyadmin配置文件现在需要绝密的短密码(blowfish_secret)的2种解决方法
2014/05/07 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
Yii2处理密码加密及验证的方法
2019/05/12 PHP
js 点击按钮弹出另一页,选择值后,返回到当前页
2010/05/26 Javascript
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
JavaScript获取当前cpu使用率的方法
2015/12/15 Javascript
基于HTML模板和JSON数据的JavaScript交互(移动端)
2016/04/06 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
前端js弹出框组件使用方法
2020/08/24 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
重新理解JavaScript的六种继承方式
2017/03/24 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
2018/10/29 Javascript
vue element中axios下载文件(后端Python)
2019/05/10 Javascript
[00:23]DOTA2群星共贺开放测试 25日无码时代来袭
2013/09/23 DOTA
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
python常见的格式化输出小结
2016/12/15 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
Python操作Mongodb数据库的方法小结
2019/09/10 Python
Python3加密解密库Crypto的RSA加解密和签名/验签实现方法实例
2020/02/11 Python
40行Python代码实现天气预报和每日鸡汤推送功能
2020/02/27 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
用python写爬虫简单吗
2020/07/28 Python
Django contrib auth authenticate函数源码解析
2020/11/12 Python
Django 权限管理(permissions)与用户组(group)详解
2020/11/30 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
时装界的“朋克之母”:Vivienne Westwood
2017/07/06 全球购物
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
导游实习生自荐书
2014/01/28 职场文书
培训自我鉴定
2014/01/31 职场文书
思想作风建设心得体会
2014/10/22 职场文书
实习单位推荐信
2015/03/27 职场文书
解析原生JS getComputedStyle
2021/05/25 Javascript
Minikube搭建Kubernetes集群
2022/03/31 Servers