无法实现切换

来源:2-3 导航页面切换(3)

KIKI_思

2016-04-18 21:26

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

}

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


写回答 关注

2回答

  • 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;
        }


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

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

    王海江 回复KIKI_思

    问题是哪里?我的也没法切换

    2016-09-07 15:07:44

    共 2 条回复 >

css3实现网页平滑过渡效果

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

54371 学习 · 372 问题

查看课程

相似问题