网站分享返回顶部按钮代码

2022/11/4 21:54:00 人气 94 代码分享

“返回顶部”按钮是用于网站版面过长时，用户点击后直接拉到网站的顶部，可以节省网站用户拖动的时间，
今天分享给大家的“返回顶部”按钮，它可以自动判断用户所处的网页的位置，如果在顶部，则不显示“返回顶部”按钮，如果不在顶部，则显示出“返回顶部”按钮。复制下面代码到HTML页面里，调用getwml到底部。

<style type="text/css"> 
/* 返回顶部样式 */
#goTopBtn {position: fixed;
                   width: 80px;
                   height: 70px;
                   line-height: 120px;
                   right: 15px;
             bottom: 46px;
             cursor: pointer;
             background: rgba(3, 0, 0,0.5);
             display: none;
             border-radius: 8px;
             font-size:4px;
             color:#fff;}
#goTopBtn img {  
                   border-radius: 4px;
                   width: 35px;
                   height: 70px;   }
</style>

超级管理员(ID1000)转移(1042→2083)11-21 12:20