网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/20 浏览:3 次 )

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

上一篇:页面向下滚动ajax获取数据的实现方法(兼容手机)
下一篇:JavaScript中判断数据类型的方法总结
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap