求大神指點迷津?。。。槭裁?st-scroll已經設置width100%，height100%，然后最后會是st-scroll來移動??？？？？
#st-control-1:checked ~ .st-scroll{-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
#st-control-2:checked ~ .st-scroll{-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
2017-10-23
transition: all 0.6s ease-in-out;這個是過渡效果，且.st-scroll在對應的ID#st-control-1（2/3/4/5）下都設置了transform: translateY(0%); （-100、-200、-300、-400）
然后你把body里的overflow:hidden刪掉，運行一次，還不懂你就把style.css里的overflow:hidden全刪掉，老師寫這個屬性寫了很多，我懶得去找了，你若是還不懂...那只能說明你對CSS3的動畫屬性不是很熟。。有待加強
2016-09-29
這個我也沒有想明白，不應該是往下移動嗎，怎么會是往上走的，，，
2016-09-05
假如有5個.st-scroll每個都設置成100%,那么一個屏幕肯定是放不下去的,所以像隊伍一樣排列,自然就可以改變Y軸取每個顯示咯.