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


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



相关阅读:
浅谈2路插入排序算法及其简单实现
总结Javascript中的隐式类型转换
关于页面嵌入swf覆盖div层的问题的解决方法
html中使用margin:0 auto整个页面不居中的解决方法
CSS3之背景尺寸Background-size使用介绍
jquery实现背景墙聚光灯效果示例分享
Android 中对于图片的内存优化方法
Win8系统删除thumbs.db文件的方法
win10系统蓝牙搜不到怎么办?win10系统蓝牙搜不到的解决方法
jQuery学习笔记之总体架构
基于javascript制作经典传统的拼图游戏
[Oracle] Data Guard 之 浅析Switchover与Failover
Oracle Number型的深入理解
JavaScript Math.floor方法(对数值向下取整)
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4