前端页面的返回顶部按钮,位置随着页面滚动保持在可视区,点击即返回顶部
实现方法:
JavaScript:
<a
class="scroll-to-top-btn"
href="javascript:void(0);"
onclick="document.body.scrollTop=document.documentElement.scrollTop=0"
>
<img src="./scroll-to-top.png" />//一张图
</a>
CSS:(根据实际需要去调整)
.scroll-to-top-btn {
position: fixed;
left: 50%;
bottom: 224px; //下边距
margin-left: 624px; //左边距
z-index: 10; //层级
}
页面效果:
快到你的页面里试试吧✨🎈如有帮助记得点个赞再走喔😯~~😁