div内容超出视口高度

Question

这是问题所在。我正在使用我在这里http://keithclark.co.uk/articles/pure-css-parallax-websites/找到的CSS视差方法。

问题是，我有一个部分的内容超过所有div设置为的100％视口高度。如何显示我的div消耗以显示其所有内容而不仅仅是视口高度？在下一个div下滑动的超出内容

这是一个例子https://codepen.io/Dwoop/pen/LOgLRw?editors=1100

.parallax {
height: 500px; /* fallback for older browsers */
height: 100vh; /* standard divs size that cannot expend */
overflow-x: hidden;
overflow-y: auto;
-webkit-perspective: 300px;
perspective: 300px;
-webkit-perspective-origin-x: 100%;
perspective-origin-x: 100%;}

为什么我的第一个div（＃group1）不适应我的内部div高度？此外，第一个div甚至比视口小......我真的不明白这些高度设置是如何工作的。

任何帮助都可以