可见性隐藏的Safari错误

问：

我想使用 along 来控制向用户显示哪些内容。visibilitytranslate

因此，当用户按 Tab 键浏览导航时，下面的内容会通过转换以显示正确的信息。然后，视口中的容器将使用 向用户显示，视口外部的容器将隐藏 。translateX()visibility: visiblevisibility: hidden

两个容器的 CSS 内容如下所示：

.visible {
  position: absolute;
  width: 100vw;
  transform: translateX(0px);
  visibility: visible;
}

.hidden {
  position: absolute;
  width: 100vw;
  transform: translateX(-100vw);
  visibility: hidden;
}

这在 Chrome 和 Firefox 中按预期工作，但由于某种原因，在 Safari 中，这些属性无法按预期执行，并且浏览器会水平滚动。您可以通过使用此链接进行测试来自己查看此行为（滚动到首屏下方并在选项卡之间切换以观察行为）。

我确实看到了这个 Stack Overflow 问题，但在这种情况下，解决方案似乎对我不起作用。我想保持网站的结构不变，并希望解决方法可以解决这个Safari错误。