jQuery ui-effects-wrapper正在使用.show("幻灯片")切断div内容的底部

Max*_*ins 2 css jquery jquery-ui

我在用

 $('#account-slide').show("slide", {direction: "right"}, 1000);
Run Code Online (Sandbox Code Playgroud)

显示div单击按钮的时间.

问题是ui-effects-wrapper应用于div单击按钮时的类切换div时它正在移动.

一旦div到达它的目的地div,它就会恢复到正常状态,你可以完全看到它.

任何想法为什么ui-effects-wrapper班级会导致这个?

谢谢你的帮助.

Ste*_*kle 5

我有一个非常类似的问题,因为元素会滑入并且元素将被剪裁在底部,因为jQuery在动画期间直接定义到动画元素的高度(在我的情况下为28px).

我发现有两种方法可以解决这个问题 -

  1. 为包装器div设置显式高度,然后将内部div(或元素)设置为高度为 height: 100% !important;

  2. 通过执行操作,在css中设置尽可能具体的实际元素的显式高度 height: 32px !important;

感谢您的解决方案Max,根据您的初步结论,我对我的特定案例进行了一些改进.