html+jquery返回顶部
文章描述：
html+jquery点击返回页面顶部怎么实现？
html
<div class="fixed-btn">
<a>Top</a>
</div>css
* { margin: 0; padding: 0; box-sizing: border-box; }
body { height: 200vh; }
.fixed-btn {
position: fixed;
right: 1%;
bottom: 5%;
width: 40px;
border: 1px solid #eee;
background-color: white;
font-size: 24px;
z-index: 1040;
-webkit-backface-visibility: hidden;
}js
当点击了返回按钮的时候，这时执行返回带动画时间，提升用户体验
$(function() {
$(".fixed-btn").on('click',
function() {
$('body, html').animate({
scrollTop: 0
},
1000);
})
})
发布时间：2021/08/10
发表评论