首页html怎么写回到顶部

html怎么写回到顶部

时间: 2023-06-05 22:07:26 浏览: 79

5星 · 资源好评率100%

回到顶部.html

您可以通过添加以下代码实现回到顶部的功能： ```html <a href="#" id="back-to-top">回到顶部</a> <script> $(document).ready(function() { // 当用户滚动页面时，显示或隐藏“回到顶部”按钮 $(window).scroll(function() { if ($(this).scrollTop() > 200) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); // 当用户点击“回到顶部”按钮时，平滑滚动到页面顶部 $('#back-to-top').click(function() { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); }); </script> ``` 请注意，这里使用了jQuery库。如果您没有引入jQuery库，请先添加以下代码到您的HTML文档的<head>标签内： ```html <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> ```

阅读全文