JQuery点击事件回到页面顶部效果的实现代码

内容摘要
JQuery点击事件回到页面顶部效果的实现代码


//2个div，点击某个时回到顶部

<div style="height:1000px">111111111111111</div>
<div id="top" >top</div>

<引用JQuery>
文章正文

JQuery点击事件回到页面顶部效果的实现代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//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点击事件回到页面顶部效果的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。
代码注释
上一篇Win10预览版10547：新增多种emoji表情下一篇C#递归实现回文判断算法

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！