CSS转换翻译：无法滚动到翻译区域

Question

我的视口大小固定（插图中为蓝色矩形）。在这个视口中，我有我的内容。每当内容的大小大于周围视口时，我希望能够滚动。这到目前为止工作正常。

我正在体验的问题会在我转换内容后立即发挥作用。假设我想缩放和翻译它以便更详细地显示某个区域。 在转换之后，我仍然希望能够使用视口的滚动条（图中的绿色）覆盖我内容的每个角落。但我只能正确地走下坡路。滚动条无法触及翻译的上方和左侧的所有内容。

这是事情的原因，还是我错过了什么？对此有一个很好的解决方案吗？