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宝典学习笔记
Feb 07 Javascript
用javascript实现画板的代码
Sep 05 Javascript
为原生js Array增加each方法
Apr 07 Javascript
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 Javascript
jQuery控制网页打印指定区域的方法
Apr 07 Javascript
整理关于Bootstrap警示框的慕课笔记
Mar 29 Javascript
vue使用mint-ui实现下拉刷新和无限滚动的示例代码
Nov 06 Javascript
AngularJS 监听变量变化的实现方法
Oct 09 Javascript
layui表格内放置图片,并点击放大的实例
Sep 10 Javascript
vue基于v-charts封装双向条形图的实现代码
Dec 09 Javascript
详解JS深拷贝与浅拷贝
Aug 04 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
杏林同学录(八)
2006/10/09 PHP
Discuz Uchome ajaxpost小技巧
2011/01/04 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
PHP5.5迭代生成器用法实例详解
2016/03/16 PHP
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
javascript新建标签,判断键盘输入,以及判断焦点(示例代码)
2013/11/25 Javascript
js获取某元素的class里面的css属性值代码
2014/01/16 Javascript
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
JavaScript中this详解
2015/09/01 Javascript
跟我学习javascript的闭包
2015/11/16 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
2017/06/19 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
2017/12/06 Javascript
vue按需加载组件webpack require.ensure的方法
2017/12/13 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
详解Eslint 配置及规则说明
2018/09/10 Javascript
浅谈React之状态(State)
2018/09/19 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
Node.js API详解之 tty功能与用法实例分析
2020/04/27 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
python决策树之CART分类回归树详解
2017/12/20 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
python之文件读取一行一行的方法
2018/07/12 Python
django主动抛出403异常的方法详解
2019/01/04 Python
python中调试或排错的五种方法示例
2019/09/12 Python
解决python -m pip install --upgrade pip 升级不成功问题
2020/03/05 Python
关于Python 中的时间处理包datetime和arrow的方法详解
2020/03/19 Python
关于h5中的fetch方法解读(小结)
2017/11/15 HTML / CSS
英国女士家居服网站:hush
2017/08/09 全球购物
马来西亚太阳镜、眼镜和隐形眼镜网上商店:Focus Point
2018/12/13 全球购物
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
房地产公司见习自我鉴定
2014/04/28 职场文书
学校献爱心活动总结
2014/07/08 职场文书
我是一名护士演讲稿
2014/08/28 职场文书
全国爱牙日活动总结
2015/02/05 职场文书
2022微信温控新功能上线
2022/05/09 数码科技