如何在jQuery中正确地滚动到div？

好的，基本上我有：

<button class="contactButton">XYZ</button>

---

我也尝试过这个网站上的其他解决方案，但没有结果。我是jQuery的新手，因此感谢您的建议。

很抱歉将此作为答案发布，但我还没有50个代表。。。问题很可能是拼写错误的类名和/或没有将javascript包含到HTML中。您可以尝试使用ID而不是类来选择要滚动到的元素。

很抱歉将此作为答案发布，但我还没有50个代表。。。问题很可能是拼写错误的类名和/或没有将javascript包含到HTML中。您可以尝试使用ID而不是类来选择要滚动到的元素。

这里有一个解决方案

$（“.contactButton”）。单击（函数（）{
$（“html，body”）.animate({
scrollTop:$（“.specificDivClass”）.offset（）.top
}, 1100);
});
.div1{
高度：700px；
宽度：100%；
背景：红色；
}
.特殊类别{
高度：1000px；
宽度：100%；
背景：蓝色；
}

XYZ
给你一个解决方案


$（“.contactButton”）。单击（函数（）{
$（“html，body”）.animate({
scrollTop:$（“.specificDivClass”）.offset（）.top
}, 1100);
});
.div1{
高度：700px；
宽度：100%；
背景：红色；
}
.特殊类别{
高度：1000px；
宽度：100%；
背景：蓝色；
}

XYZ
代码在我看来很好。你们能检查控制台中的任何错误吗？是的，并没有错误，我还做了console.log来检查脚本是否加载并正常工作。你们能创建fiddle吗？代码对我来说很好。你能在控制台中检查任何错误吗？是的，没有错误，我还做了console.log来检查脚本是否已加载并正常工作。你能创建fiddle吗？我想你在jQuery中指定的类名是错误的，与HTML不匹配，这就是为什么没有发生滚动。。请分享你完整的HTML和CSS代码。我的意思是检查我上传的这个小提琴，它不工作，但它看起来和我的一样yours@NeviJ... 您错过了jQuery库本身。。。检查小提琴。。。您需要使用脚本标记添加jQuery库。我猜您在jQuery中指定的类名是错误的，与HTML不匹配，这就是为什么没有发生滚动的原因。。请分享你完整的HTML和CSS代码。我的意思是检查我上传的这个小提琴，它不工作，但它看起来和我的一样yours@NeviJ... 您错过了jQuery库本身。。。检查小提琴。。。您需要使用脚本标记添加jQuery库。
$(".contactButton").click(function () {
    $("html,body").animate({
    scrollTop: $(".specificDivClass").offset().top
    }, 1100);
});