为什么切换的时候这样写不能实现
来源：2-3 导航页面切换（3）
叛逆春
2015-08-10 12:33
#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%);
}
写回答
关注
1回答
-
- proto
- 2015-09-12 12:06:01
#st-control-1:checked表示input的那个小按钮被选中了，然后触发到盒子.st-scroll让盒子移动，也就是加上去的transform：translateY效果
你的代码搞错了移动的目标，你让panel移动，可是panel上并没有加任何的效果，参数设置也就没有意义了
这个case里应该也可以设置成panel移动的，如果是这样的话，我觉得要把st-scroll设置城position：fixed就是把st-scroll固定在第一页panel上，然后在st-panel-x上加移动的效果，设置参数的时候注意一下参数都是正的就可以了
css3实现网页平滑过渡效果
CSS3 打造页面之间的平滑过渡效果，带来神奇的体验
54371 学习 · 372 问题
相似问题