JQuery使用slide动画时出现抖动的情况的问题

用jQuery写一个列表。当点击列表时,列表内容可以向下展开或者向上收起。

用slide动画时,遇见一个问题。展开列表项或收起列表项会发生抖动现象。

问题分析:

出现这个问题的原因是,slide动画过程中,margin都是为0的,只改变了高度,当动画结束后margin会生效撑开上下边距。

解决方案
  1. 可以对列表项设置margin-left:0px;和margin-bottom:0px;来解决这个问题。
  2. 可以通过给有margin的父盒子设置overflow:hidden;来解决这个问题。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。