javascript - Vanilla JS + VueJS : Scroll to top of div on button click

Question

我有一个使用 VueJS 创建的应用程序。它是一个带有下一步按钮的多步骤表单。您可以在此处查看正在运行的应用程序: https://staging.evbox.com/configurator.html

我试图解决的问题是，一旦用户单击下一步按钮，就会看到下一个问题的顶部。有人可以帮我提供 vanilla JS 解决方案或一些建议吗？

按钮 html:

  <button class="button-container__next" type="button" @click="goToNextStep()">Next</button>

函数是:

    goToNextStep: function () {
        this.currentStep++
}

Answer 1

滚动条好像是给body用的。所以你可以这样做:

goToNextStep: function () {
   this.currentStep++;
   window.scrollTo(0, 0);
}

如果主滚动条未附加到 body，请尝试以下两行:

document.body.scrollTop = 0; // For safari
document.documentElement.scrollTop = 0;