创建一个页面下拉一定程度，出现返回顶部的按钮

最新推荐文章于 2022-07-31 10:29:55 发布

Harley_lee

最新推荐文章于 2022-07-31 10:29:55 发布

阅读量824

点赞数 1

分类专栏：笔记文章标签： javascript css html

本文链接：https://blog.csdn.net/Simon_LHM/article/details/105279349

版权

本文分享了如何使用CSS和JavaScript创建一个页面滚动到一定程度后，右下角显示返回顶部按钮的功能。通过简单的代码实现，当页面下拉时，返回顶部按钮会自动出现，提供方便的导航体验。

摘要由CSDN通过智能技术生成

最近学习了一个简单的返回顶部按钮的实现，下面分享给大家：

CSS代码

#myBtn {
   
            display: none;/* 默认隐藏 */
            position: fixed;
            bottom: 20px;
            right: 30px;
            z-index: 99;
            border: none;
            outline: none;
            background-color: deepskyblue;/* 设置背景颜色，你可以设置自己想要的颜色或图片 */
            color: white;