当页面下拉一定距离的时候出现一个图标点击图标回到页面顶部
html代码 <section class="footer-popup"> <a class="side_btn top" id="back-to-top" href="javascript:;" title="返回顶部" style="display: none; width: 45px; height: 45px; background:url(/home/default/images/top_bg.png) no-repeat -1px -47px;"> </a> </section>
js代码 <script> $(window).scroll(function () { //获取滚动条距离顶部高度 var scrollTop = $(window).scrollTop(); //滚动条距离顶部高度为300的时候出现图标 scrollTop > 300 ? $("#back-to-top").fadeIn(200).css("display","block") : $("#back-to-top").fadeOut(200); }); //返回顶部 $('#back-to-top').click(function (e) { $('html,body').animate({ scrollTop:0}); }); </script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。