jQuery动画slideUp()不正常位移原因

时间:2021-07-03 14:59:42

用jQuery写一个列表。当点击底部按钮时,列表中序号超过6的项目可以向下拉出或者向上收起。

用slideUp(),遇见一个问题。展开列表项会产生不正常位移,如下图所示。动画结束发生位移。

jQuery动画slideUp()不正常位移原因

出现这个问题的原因是,slideUp动画过程中,样式里margin的不会合并。等到动画完成之后,会重新合并。故需要对列表项设置margin-left:0px;和margin-bottom:0px;来解决这个问题。