为了账号安全,请及时绑定邮箱和手机立即绑定

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

#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 回答

#st-control-1:checked表示input的那个小按钮被选中了,然后触发到盒子.st-scroll让盒子移动,也就是加上去的transform:translateY效果

你的代码搞错了移动的目标,你让panel移动,可是panel上并没有加任何的效果,参数设置也就没有意义了

这个case里应该也可以设置成panel移动的,如果是这样的话,我觉得要把st-scroll设置城position:fixed就是把st-scroll固定在第一页panel上,然后在st-panel-x上加移动的效果,设置参数的时候注意一下参数都是正的就可以了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
css3实现网页平滑过渡效果
  • 参与学习       54370    人
  • 解答问题       372    个

CSS3 打造页面之间的平滑过渡效果,带来神奇的体验

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信