                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /css3实现网页平滑过渡效果

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

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

<ul>

<li>

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

}

这个就失效了

05:56

慕设计6098324

2017-07-16

源自：css3实现网页平滑过渡效果 2-3

关注问题我要回答

1683

操作

收起

1 回答

慕设计6098324 提问者
2017-07-16

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