javascript - Vanilla JS + VueJS：单击按钮时滚动到 div 顶部

Question

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

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

按钮html：

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

功能是：

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

标签： javascriptvue.js

Answer 1

滚动条似乎是为body. 所以你可以这样做：

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

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

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