怎样制作超过一屏才显示的jquery返回顶部按钮

2025-07-07 10:31:37

1、找到或制作一张返回顶部的图片，可以使用百度图片查找返回顶部按钮。

3、在</body>前加入返回按钮代码：<div id="back-to-top" style="display: block;"><a href="#top"></a></div>

5、在<head></head>或</body>前加入jq代码<script type="text/javascript"> $(document).ready(function(){ $("#back-to-top").hide(); $(function () { $(window).scroll(function(){ if ($(window).scrollTop()>100){ $("#back-to-top").fadeIn(500); } else { $("#back-to-top").fadeOut(500); } }); $("#back-to-top").click(function(){ $('body,html').animate({scrollTop:0},100); return false; }); }); }); </script>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。