jQuery animate()在应用于滚动顶部按钮时不适用于我的情况
问题描述:
单击滚动顶部按钮时,动画功能不起作用。 它只是跟随锚点的链接。 我已经在其他项目中使用过这个代码,它在那里完美地工作。jQuery animate()在应用于滚动顶部按钮时不适用于我的情况
编辑: 我也试过: 通过消除HREF = “#”
通过scrollUp给e.preventDefault点击
var scrollUp = $(".scrollTop");
$(window).scroll(function() {
var topPos = $(this).scrollTop();
if (topPos > 100) {
$(scrollUp).css("opacity", "1");
} else {
$(scrollUp).css("opacity", "0");
}
});
$($(scrollUp)).click(function() {
$('html, body').animate({
scrollTop: 0
}, 800);
return false;
});
html, body {
font-size: 95%;
color: #1a2439;
background-color: #fafafa;
line-height: 1.7em;
font-family: 'Raleway', sans-serif;
letter-spacing: 0.035em;
margin: 0;
padding: 0;
}
<div class="scrollTop">
<a href="#"><i class="fa fa-chevron-circle-up scrollTopBtn"></i></a>
</div>
答
终于得到了我的愚蠢的错误。 我在当前项目中使用jquery slim build版本,并且不支持所有功能。 我切换到jquery完整版本(压缩生产版本),这个代码现在完美运行!