<div class="top"></div>
.top {
position: fixed;
right: 0;
bottom: 20px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background-color: #fff;
color: #ed3932;
font-size: 24px;
cursor: pointer;
}
// to top
$(".top").hide();//隐藏
$(window).scroll(function () {
if ($(window).scrollTop() > 150) {
$(".top").fadeIn();//淡入效果
} else {
$(".top").fadeOut();//淡出效果
}
})
$(".top").click(function () {
$("html,body").animate({ scrollTop: 0 }, 400);
})