Javascript 让用户'；单击某个css类或ID时，s视口向上滚动

（作为参考，我正在使用DIVI for Wordpress，试图通过代码块来实现这一点）

我有一个滑块/转盘，有7个步骤，都有“下一步”和“上一步”按钮供用户通过。当用户单击步骤2上的下一步时，因为步骤1窗口比步骤2大，这意味着他们的窗口现在位于步骤2下方（“下一步”和“上一步”按钮位于每个滑块的底部）

按钮当前使用一个#链接打开下一个滑块，该滑块工作正常，但我需要一个函数，当单击其中一个链接（所有链接都具有类“.rv welcome stagebutton”）时，它会将窗口移回旋转木马的顶部

因此，用户不必一直滚动到每个阶段的顶部

我试过在页面上使用当前代码，但没有成功

TLDR：我正在努力实现的目标-

• 用户单击css类“.rv welcome stagebutton”的链接
• 将窗口向上滚动至ID为“#rv Welcome Slider container”的部分顶部

[GIF正在运行的页面：

jQuery（文档）.ready（函数（）{
$（'.rv welcome stagebutton'）。单击（函数（）{
滚动窗口({
排名：0，
左:0,，
行为：“平滑”
});}   }                   

编辑：我在上一次回复中犯了一些错误，我现在修复了它，试试看

我想我可以帮你解决这个问题。你已经使用jQuery了，所以这很好

首先，我们要看看页面顶部和部分顶部（#rv welcomeslider容器）之间的距离

我们可以使用jQuery

offset（）.top

来实现这一点，它将返回您的部分离文档顶部有多远

因此，我们编写：

让getSectionCoords=$（“#rv welcomeslider容器”）.offset（）.top；

现在，我们所要做的就是在每个按钮（.rv welcome stagebutton）中添加一个

click

事件，并使其向右滚动到旋转木马部分的顶部（现在是getSectionCoords）

这是最后的代码：

let getSectionCoords = $("#rv-welcomeslider-container").offset().top;

$('.rv-welcome-stagebutton').on('click',function() {

    $('body').animate({scrollTop : getHeadingThree}, '500');

});

让我知道它是否有效：）

let getSectionCoords = $("#rv-welcomeslider-container").offset().top;

$('.rv-welcome-stagebutton').on('click',function() {

    $('body').animate({scrollTop : getHeadingThree}, '500');

});