Html页面加回滚

<div class="top-box">
<img src="~/Content/img/youlink.jpg" width="54" height="60" class="youlink-img" /><br />
<img src="~/Content/img/top.gif" class="top-img" />
</div>



//根据浏览页面的高度，显示回滚标签
$(window).scroll(function () {
if ($(window).scrollTop() >= ($(window).height() - 200)) {
$('.top-box').fadeIn();
}
else {
$('.top-box').fadeOut();
}
});

//点击进行回滚
$(".top-img").on("click", function () {
//动画效果
$('html,body').animate({ scrollTop: 0 }, 500);
});

 

转载于:https://www.cnblogs.com/xiaoyaodijun/p/4701774.html