为什么jquery不适用于滚动条

Question

我尝试创建一个滚动到顶部按钮，但我实现的jquery命令不起作用。我所做的就是让滚动按钮将我带到页面顶部。有人知道我该怎么解决吗？或者我做错了什么？

const scrolltotop = document.querySelector("#scrolltotop");
scrolltotop.addEventListener("click", function() {
$("html, body").animate({
scrollTop: 0
}, "slow");
});

#scrolltotop {
position: fixed;
right: 10px;
bottom: 10px;
width: 50px;
height: 50px;
border-radius: 50%;
background: #E7061B;
box-shadow: 0 0 10px rgba(0 0 0 0.25);
color: white;
border: none;
otline: none;
cursor: pointer;
}
#scrolltotop:active {
background-color: #960204;
}

<button id="scrolltotop">
<i class="material-icons">arrow_upward</i>
</button>

Answer 1

您是否创建了足够的高度来滚动？它对我有效

示例：
https://jsfiddle.net/sagive/n3L0kwuh/1/

更简单的方法：
https://jsfiddle.net/sagive/6mLugjkf/8/

使用jquery很容易：

jQuery(function($){
$('#scrollTop').click(function() {
console.log('clicked');
var scrollto    = $('#theTop'); 
$("html, body").animate({ scrollTop: $(scrollto).offset().top}, 1000);
return false;
});
});

Answer 2

如果你愿意，你可以使用HTML和CSS，比如：

<div id="top"></div>
<!-- content page -->
<a href="#top">Go top</a>

和css：

body{
scroll-behavior: smooth;
}