2回答

• 

  随风飘舞

  2017-08-29 09:32:20

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

  }

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

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

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

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

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

  transform: translateY(-200%);

  }

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

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

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

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

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

  transform: translateY(-300%);

  }

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

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

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

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

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

  transform: translateY(-400%);

  }

  
  

  0 0
• 

  随风飘舞

  2017-08-29 09:31:24

  #st-control-1,#st-control-1 + a{

  left: 0;

  }

  #st-control-2,#st-control-2 + a{

  left: 20%;

  }

  #st-control-3,#st-control-3 + a{

  left: 40%;

  }

  #st-control-4,#st-control-4 + a{

  left: 60%;

  }

  #st-control-5,#st-control-5 + a{

  left: 80%;

  }

  
  

  0 0