当javascript更改文本时防止HTML视口重置

Question

我一直在尝试在我的网站上使用 scroll-snap，它在桌面和移动设备上的 Firefox 上都运行良好。

但是，它在 chrome 上根本不起作用，无论是桌面版还是移动版。

问题是我有一个 javascript 脚本不断改变这样的文本框：

while(i<letters.length) {
        await waitForMs(delay);


        splash.innerHTML = splash.innerHTML + letters[i];
        i++;
    }

并且每当文本刷新时，视口都会做一些抖动并跳回到文本，即使用户正在尝试滚动。

您可以在位于 the website here 的网站上测试该问题。

这里有多个问题，但我可以看到有不同的方法来解决它。主要问题是滚动快照在 chrome 上不起作用，但另一个问题是 javascript 有点刷新视口？这意味着滚动快照无法操作。