#st-control-1:checked ~ #st-panel-1{
-webkit-transform:translateY(0%);
-moz-transform:translateY(0%);
-o-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
}
#st-control-2:checked ~ #st-panel-2{
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
#st-control-1:checked表示input的那个小按钮被选中了,然后触发到盒子.st-scroll让盒子移动,也就是加上去的transform:translateY效果
你的代码搞错了移动的目标,你让panel移动,可是panel上并没有加任何的效果,参数设置也就没有意义了
这个case里应该也可以设置成panel移动的,如果是这样的话,我觉得要把st-scroll设置城position:fixed就是把st-scroll固定在第一页panel上,然后在st-panel-x上加移动的效果,设置参数的时候注意一下参数都是正的就可以了