我的页面分为多个部分，每个部分都是屏幕大小(100%)的一个 div。
每个部分都必须有一个按钮，可以将全屏向下滚动到下一个部分。
我可以向下滚动一个窗口，但不完全了解我在做什么，以及如何能够从每个给定部分继续滚动到下一部分。
function nextButton() {
$('html, body').animate({
scrollTop: $(window).height()
}, 1000);
}
最佳答案
该参数scrollTop是通过计算从浏览器顶部到您要滚动到的点的高度确定的值。
在您提供的代码中，您将向下滚动 1 个窗口高度 $(window).height() 因此，如果您想滚动到下一部分(我假设每个部分的高度等于 1窗口)你需要乘以它。
function scrollToSection(sectionNumber) {
$('html, body').animate({
scrollTop: $(window).height() * sectionNumber
}, 1000);
}
// so if you want to scroll to your first section you call this
scrollToSection(1) // and so on
关于javascript - 如何使用scrollTop？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54800720/