为什么照着写的代码,但是不能进行页面的跳转

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

Suuuuper_

2018-04-05 20:07

我按了按钮以后无法进行页面的跳转,根本没有改变,但是视频上面就可以s-control-2对应到s-panel-2等等的。

写回答 关注

1回答

  • qq_努力才配有未来_0
    2018-05-26 22:13:19

    #st-control-1:checked ~ .st-scroll{

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

    -moz-transform: translateY(0%);

    transform: translateY(0%);

    }

    #st-control-2:checked ~ .st-scroll{

    -webkit-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    transform: translateY(-100%);

    }

    #st-control-3:checked ~ .st-scroll{

    -webkit-transform: translateY(-200%);

    -ms-transform: translateY(-200%);

    -o-transform: translateY(-200%);

    -moz-transform: translateY(-200%);

    transform: translateY(-200%);

    }

    #st-control-4:checked ~ .st-scroll{

    -webkit-transform: translateY(-300%);

    -ms-transform: translateY(-300%);

    -o-transform: translateY(-300%);

    -moz-transform: translateY(-300%);

    transform: translateY(-300%);

    }

    #st-control-5:checked ~ .st-scroll{

    -webkit-transform: translateY(-400%);

    -ms-transform: translateY(-400%);

    -o-transform: translateY(-400%);

    -moz-transform: translateY(-400%);

    transform: translateY(-400%);

    }

    这个是切换的代码   你看看你是不是写错了

css3实现网页平滑过渡效果

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

54371 学习 · 372 问题

查看课程

相似问题