首页 > 代码库 > jQuery实现返回顶部
jQuery实现返回顶部
1、jQuery-scrollTop()方法不接受参数就是获取当前垂直滚动条的位置
2、jQuery-scrollTop(value)方法设置当前垂直滚动条的位置
<style type="text/css"> *{margin:0; padding:0;} .top{position: fixed; right:0; bottom: 10%; color:#008451; background: #999; display:none;}</style><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><a href="#" class="top">top</a><script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script><script> $(function() { var ele = $(".top"); $(window).scroll(function() { var scrollH = $(window).scrollTop(); if(scrollH > 400) { ele.fadeIn(); }else { ele.fadeOut(); } }) ele.click(function() { $("body,html").stop().animate({"top":"0"}, 300); return false; }) })</script>
jQuery实现返回顶部
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。