用jQuery写一个列表。当点击底部按钮时,列表中序号超过6的项目可以向下拉出或者向上收起。
用slideUp(),遇见一个问题。展开列表项会产生不正常位移,如下图所示。动画结束发生位移。
出现这个问题的原因是,slideUp动画过程中,样式里margin的不会合并。等到动画完成之后,会重新合并。故需要对列表项设置margin-left:0px;和margin-bottom:0px;来解决这个问题。
时间: 2024-10-07 23:22:37
用jQuery写一个列表。当点击底部按钮时,列表中序号超过6的项目可以向下拉出或者向上收起。
用slideUp(),遇见一个问题。展开列表项会产生不正常位移,如下图所示。动画结束发生位移。
出现这个问题的原因是,slideUp动画过程中,样式里margin的不会合并。等到动画完成之后,会重新合并。故需要对列表项设置margin-left:0px;和margin-bottom:0px;来解决这个问题。