问答详情
源自:2-3 导航页面切换(3)

为什么切换的时候这样写不能实现

#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%);

}


提问者:叛逆春 2015-08-10 12:33

个回答

  • 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上加移动的效果,设置参数的时候注意一下参数都是正的就可以了