Jquery---用jQuery实现的智能隐藏、滑动效果的返回顶部代码
2015-03-24 14:32
543 查看
<script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script> <script> $(function(){ //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失 $(function () { $(window).scroll(function(){ if ($(window).scrollTop()>100){ $("#back-to-top").fadeIn(1500); } else { $("#back-to-top").fadeOut(1500); } }); //当点击跳转链接后,回到页面顶部位置 $("#back-to-top").click(function(){ $('body,html').animate( {scrollTop:0//$("#mai").offset().top+"px" },1000); return false; }); }); }); </script>
相关文章推荐
- 用jQuery实现的智能隐藏、滑动效果的返回顶部代码
- 用jQuery实现的智能隐藏、滑动效果的返回顶部代码
- 一句jQuery代码实现返回顶部效果(简单实用)
- “返回顶部代码”滑动效果 jQuery超级简单实用写法
- jquery实现返回顶部按钮和scroll滚动功能[带动画效果] 转载
- jquery配合css简单实现返回顶部效果
- 使用Jquery实现顶部导航栏在页面滑动到自身所在位置之后固定在顶部的效果
- ASP.NET jQuery 食谱9 (通过控件hyperlink实现返回顶部效果)
- ASP.NET jQuery 实例9 通过控件hyperlink实现返回顶部效果
- jQuery实现返回顶部按钮效果
- jQuery实现简单而且很酷的返回顶部链接效果
- jquery 实现简单返回顶部代码
- jQuery一句代码实现返回顶部功能
- jQuery实现返回顶部效果的方法
- JS做”返回顶部”按钮功能并实现滑动效果
- jQuery实现网页右面浮动“返回顶部”效果
- jQuery实现返回顶部按钮效果
- [转载] jQuery实现一个动画版返回顶部和底部的效果
- 用jQuery实现渐隐渐显的返回顶部效果(附多图)
- 用jQuery实现返回顶部跳转效果