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 相关文章推荐
表单内同名元素的控制
Nov 22 Javascript
javascript中删除指定数组中指定的元素的代码
Feb 12 Javascript
jquery里的正则表达式说明
Aug 03 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 Javascript
window.onload绑定多个事件的两种解决方案
May 15 Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 Javascript
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
Sep 05 Javascript
jQuery选择器之子元素选择器详解
Sep 18 jQuery
浅谈Vue.use的使用
Aug 29 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 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
处理单名多值表单的详解
2013/06/08 PHP
CodeIgniter安全相关设置汇总
2014/07/03 PHP
PHP中ini_set与ini_get用法实例
2014/11/04 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
php生成圆角图片的方法
2015/04/07 PHP
程序员的表白神器“520”大声喊出来
2016/05/20 PHP
php组合排序简单实现方法
2016/10/15 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
PHP实现ASCII码与字符串相互转换的方法
2017/04/29 PHP
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
jquery实现点击TreeView文本父节点展开/折叠子节点
2013/01/10 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
2013/10/24 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
关于JavaScript中name的意义冲突示例介绍
2014/05/29 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
2015/06/15 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
详解Angular结合zTree异步加载节点数据
2018/01/20 Javascript
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
JavaScript中var、let、const区别浅析
2018/06/24 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
用JS实现选项卡
2020/03/23 Javascript
vue中的v-model原理,与组件自定义v-model详解
2020/08/04 Javascript
JS前端基于canvas给图片添加水印
2020/11/11 Javascript
为Python的web框架编写MVC配置来使其运行的教程
2015/04/30 Python
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
python开发利器之ulipad的使用实践
2017/03/16 Python
Python基于Pymssql模块实现连接SQL Server数据库的方法详解
2017/07/20 Python
python微信跳一跳游戏辅助代码解析
2018/01/29 Python
Python多重继承的方法解析执行顺序实例分析
2018/05/26 Python
Python调用C语言的实现
2019/07/26 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
Pycharm远程连接服务器并实现代码同步上传更新功能
2020/02/25 Python
CSS3教程:新增加的结构伪类
2009/04/02 HTML / CSS
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
最新创业融资计划书
2014/01/19 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书