视差效果不适用于智能手机

Question

我想在离子环境中实现纯CSS视差效果。当我在chrome web浏览器中启动时，所有工作都按设计工作。 但是当我把它拿在手机上时，视差效果不起作用。 有什么建议吗？

.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.parallax__layer--back {
  transform: translateZ(-1px) scale(2);
}

.parallax__layer--base {
  margin-top: 100vh;
  transform: translateZ(0);
}

标签“透视”可能不适用于离子？

您可以在此处看到测试项目http://codepen.io/loose11/pen/rVJxVg

或者它可能是离子刷新？

//修改

如果我使用chrome调试它：//检查一个选择（在我的智能手机上，div将变为透明蓝色）整个离子滚动，它的工作原理......