相对于窗口的CSS透视原点

我在主体上设置了透视原点：50%50%，所有沿Z轴移动的元素都以相对于文档高度的透视显示。我想将“透视原点”设置到浏览器窗口的中间位置，以便在垂直或水平滚动时更新视点

有什么想法吗？是否认为我必须使用JavaScript？

尝试以下操作：

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

body {
  perspective: 500px;
  overflow: auto;
}

---

这里有一个演示：

哇，谢谢！现在我要盯着它看一会儿，看看它是如何工作的。