问答详情
源自：2-3 导航页面切换（3）

无法实现切换

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

}

这个代码没有问题，却无法实现切换，求解


提问者：KIKI_思 2016-04-18 21:26

个回答

  • XuanKong
    2017-02-10 00:35:53

    我测试了一下，当设为3s时明显感觉有缓冲，3s以下感觉还是很快，看不出明显的缓冲效果，至少我的是这样，

    .st-scroll{
    left:0;
    top:0;
    /*css-3d*/
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    /*过渡 */
    transition:transform 2s ease-in-out;
    -webkit-transition:transform 2s ease-in-out;
    -ms-transition:transform 2s ease-in-out;
    -moz-transition:transforms 2s ease-in-out;
    -o-transition:transform 2s ease-in-out;
    }


    0
  • 心语新晟
    2016-04-19 09:41:01

    你就贴了这点代码谁能知道你问题出哪里了，先看下锚点建立好了没 再检查下css部分section的width height是否设为百分百

    0