我用ul li 包裹了input,导致section的滚动失效,有办法解决吗?

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

慕设计6098324

2017-07-16 22:11

我擦,我之前用了 ul li 包裹了input 和a ,现在就没法操作了,因为.st-scroll必须为input的同级或者同级的子元素?气死了。。。

<ul>

          <li>

            <input type="radio" name="radio-set" checked="checked" id="st-control-1">

            <a href="#st-panel-1">Serendipity</a>

          </li>

然后

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

  transform: translateY(-100%);

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

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

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

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

}

这个就失效了

写回答 关注

1回答

  • 慕设计6098324
    2017-07-16 22:13:34


    #st-control-2:checked ~ .st-scroll {
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
    }


css3实现网页平滑过渡效果

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

54371 学习 · 372 问题

查看课程

相似问题