javascript-如何在子组件重新加载时正确设置滚动位置？

我希望在一个我无法解决的问题上得到一些帮助。让我解释一下。我有一个父组件和一个子组件。子组件本身包含另一个子组件，其目的是呈现PDF。PDF组件是从NPM预先构建的组件。

我的问题是，当我浏览PDF页面时，页面滚动位置重置为页面顶部，而不是按需要保持其位置。我试着设置一个事件侦听器，其工作方式如下：

onMounted(async () => {
  window.addEventListener("scroll", displayScroll);
  window.scrollTo(0, screenPosition.value);
  console.log("Mounted");
});

这个onRender()每次页面更改都会触发钩子，我可以console.log这个值让我知道它已经设置好了。

我的displayScroll()方法如下所示：

onUpdated(async () => {
  console.log(screenPosition.value);
  console.log("OnUpdated called!");
  window.scrollTo(0, screenPosition.value);
});

最后是我的onRender方法如下所示：

onUpdated(async () => {
  console.log(screenPosition.value);
  console.log("OnUpdated called!");
  window.scrollTo(0, screenPosition.value);
});

问题是window.scrollTo即使我已经验证了它的价值，但它似乎从来都不起作用screenPosition.

那么，简单地说，当我浏览PDF页面时，如何让我的页面保持其位置？非常感谢。