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

时间:2016-05-24    点击:65   

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点击事件回到页面顶部效果的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持本站。

js+html5实现canvas绘制椭圆形图案的方法
jQuery前端开发35个小技巧
JS+Canvas绘制时钟效果
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
页面向下滚动ajax获取数据的实现方法(兼容手机)
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved