用jQuery寫一個(gè)列表竣贪。當(dāng)點(diǎn)擊列表時(shí)军洼,列表內(nèi)容可以向下展開或者向上收起。
用slide動(dòng)畫時(shí)演怎,遇見一個(gè)問題匕争。展開列表項(xiàng)或收起列表項(xiàng)會(huì)發(fā)生抖動(dòng)現(xiàn)象。
問題分析:
出現(xiàn)這個(gè)問題的原因是爷耀,slide動(dòng)畫過程中汗捡,margin都是為0的,只改變了高度畏纲,當(dāng)動(dòng)畫結(jié)束后margin會(huì)生效撐開上下邊距扇住。
解決方案
- 可以對(duì)列表項(xiàng)設(shè)置margin-left:0px;和margin-bottom:0px盗胀;來(lái)解決這個(gè)問題艘蹋。
- 可以通過給有margin的父盒子設(shè)置overflow:hidden;來(lái)解決這個(gè)問題票灰。