希望这对CSS天才来说是一个简单的解决方案。我试图为我的网站创建视差效果，但最终在页面的顶部和底部都有很大的空白。
我对此类问题的先前回答建议将transform: translateZ(-1px) scale(1.5);设置为transform: none;，这确实可以解决问题，但也可以完全消除视差效果。
我制作了一个Codepen供大家参考。由于某种原因，顶部的空白不会在codepen上显示，但是在我的网站上却显示，不确定原因。但是您绝对可以在底部看到空白。
https://codepen.io/anon/pen/dEXrrp
先谢谢大家。