首页 > 其他分享 >添加 “返回顶部” 按钮

添加 “返回顶部” 按钮

时间:2022-11-29 14:34:55浏览次数:27  
标签:顶部 代码 按钮 Html 添加 10px

第一步:创建返回顶部按钮(页首Html代码 中添加)

<span id="back-to-top"><a href="#top">返回顶部</a></span>

 

第二步:添加锚点(页首Html代码 中添加)

<span id="top"></span>

 

第三步:设置按钮样式(页面定制CSS代码 中添加)

#back-to-top {
background-color: #8bcc99;
bottom: 10px;
box-shadow: 0 0 6px #72a072;
padding: 5px 10px;
position: fixed;
right: 50px;
border-radius: 8px;
opacity: 0.7;
}

 



标签:顶部,代码,按钮,Html,添加,10px
From: https://blog.51cto.com/yyxianren/5894984

相关文章