                        課程
                    
                        /前端開發(fā)
                        
                            /CSS3
                        
                        /css3實現(xiàn)網(wǎng)頁平滑過渡效果

我用ul li 包裹了input，導(dǎo)致section的滾動失效，有辦法解決嗎？

我擦，我之前用了 ul li 包裹了input 和a ，現(xiàn)在就沒法操作了，因為.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%);

}

這個就失效了

05:56

慕設(shè)計6098324

2017-07-16

源自：css3實現(xiàn)網(wǎng)頁平滑過渡效果 2-3

關(guān)注問題我要回答

1762

操作

收起

1 回答

慕設(shè)計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%);
}