Nuxt路由切换时Footer在页面中部滚动状态下闪烁/塌陷问题求助

大家好，我碰到了一个Nuxt路由切换时的诡异问题，想请各位帮忙排查下：

当页面滚动到大概中部位置的时候切换路由，页面底部的Footer会短暂地闪烁或者塌陷；但如果我在页面顶部切换路由，整个过渡过程就完全正常。而且这个问题在高刷新率显示器（比如144-240Hz及以上）上会变得特别明显。我现在不确定这是Nuxt布局本身的bug，还是我自己的实现哪里有问题。

我的布局代码是这样的：

<template>
  <div>
    <AppHeader />

    <div>
      <slot />
    </div>

    <AppFooter />
  </div>
</template>

我已经做了一个可复现的Demo，也录制了问题发生的视频来直观展示这个现象。

现在我正在寻找可能的解决方案，麻烦各位大佬给点思路或者可行的解决办法，非常感谢！

备注：内容来源于stack exchange，提问作者Michael