用jQuery写一个列表。当点击列表时,列表内容可以向下展开或者向上收起。
用slide动画时,遇见一个问题。展开列表项或收起列表项会发生抖动现象。
问题分析:
出现这个问题的原因是,slide动画过程中,margin都是为0的,只改变了高度,当动画结束后margin会生效撑开上下边距。
解决方案
- 可以对列表项设置margin-left:0px;和margin-bottom:0px;来解决这个问题。
- 可以通过给有margin的父盒子设置overflow:hidden;来解决这个问题。
用jQuery写一个列表。当点击列表时,列表内容可以向下展开或者向上收起。
用slide动画时,遇见一个问题。展开列表项或收起列表项会发生抖动现象。
出现这个问题的原因是,slide动画过程中,margin都是为0的,只改变了高度,当动画结束后margin会生效撑开上下边距。