javascript - 滚动到页面底部，呈现新容器后

Question

所以，直接点.. 我有 2 个容器，100vh，但是当您单击第一个容器中的按钮时，会呈现第二个容器。按钮单击事件函数还有这一行:window.scrollTo(0,document.body.scrollHeight); 让我滚动底部..现在的问题是点击时，我得到来自 api 的信息，这需要一点时间，并且由于 javascript 是异步，即使我将滚动函数放在函数的底部，滚动函数也会在等待信息加载之前自行执行和要渲染的第二个容器。有人可以告诉我如何解决这个问题吗？

编辑:所以这里有一些额外的信息。第二个容器根据 bool 变量显示。在回调函数中，我将该值设置为 true。

这是我的做法:

.then(res => {
    res.forEach(data => {
        ...
    }

    if (Object.keys(res).lenght > 1) {
        this.isTrack = false
        this.displayTracks = true   <!-- Second's container bool variable -->
        window.scrollTo({top: 5000, behavior: 'smooth'});
    }
})

Answer 1

正如您所说，由于 javascript 是异步的，因此您必须等待事件完成。此过程通常由 javascript 中的回调函数 处理。回调函数是在 async 调用返回时调用的函数。您可以在回调函数中向下滚动到页面的最底部，这样您就不必担心同步它们。