HTML
<div id="back-container">
<button class="back-btn">
<img src="./images/icon-back.png"/>
顶部
</button>
</div>
CSS
#back-container {
margin-top: 15px;
display: none;
}
JS
$(window).scroll(function() {
if($(window).scrollTop() > 300) $('#back-container').fadeIn(300);
else $('#back-container').fadeOut(200);
});
$(function () {
$(".back-btn").click(function() {
$("body , html").animate({scrollTop:0}, 300); //300是所用时间
});
})
Google Chrome
Windows 10