javascript 滚动顶部
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 滚动顶部相关的知识,希望对你有一定的参考价值。
div#toTop {
position: fixed;
bottom: 5px;
right: 5px;;
cursor: pointer;
z-index: 999;
}
<div id="toTop">
<img src="assets/img/heart2.png" alt="">
</div>
// jQuery code to make it works
$(window).scroll(function () {
if ($(this).scrollTop()) {
$('#toTop').fadeIn();
} else {
$('#toTop').fadeOut();
}
});
$("#toTop").click(function () {
$("html, body").animate({
scrollTop: 0
}, 1000);
});
以上是关于javascript 滚动顶部的主要内容,如果未能解决你的问题,请参考以下文章
使用 JavaScript/jQuery 滚动到 DIV 的顶部?
javascript 滚动顶部
javascript 光滑的滚动顶部
javascript 滚动位置开发顶部
javascript 滚动顶部
javascript [jQuery]平滑滚动到页面顶部