CSS perspective-origin 相对于窗口

Question

我在 body 上设置了 perspective-origin: 50% 50% 并且沿 Z 轴移动的所有元素都以相对于文档高度的透视图显示。我想将透视原点设置到我的浏览器窗口的中间，以便在我垂直或水平滚动时更新视角。

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

Answer 1

尝试以下操作:

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

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

这是一个演示:http://codepen.io/Grilly86/pen/pvdGEm