jQuery ui-effects-wrapper 在使用 .show( "slide" 时正在砍掉 divs 内容的底部，

Question

我使用

 $('#account-slide').show("slide", {direction: "right"}, 1000);

当按钮被点击时显示div。

问题是ui-effects-wrapper类应用于div时，按钮被点击削减的div，而它正在移动。

一旦div到达目的地，div就会恢复到正常状态，你可以看到它的整体。

你知道为什么ui-effects-wrapper类会导致这种情况吗?

谢谢你的帮助。

Answer 1

我有一个非常类似的问题，因为在动画期间，jQuery直接为动画元素定义的高度(在我的情况下是28px)，元素会滑动进来，元素会被剪辑在底部。

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

1. 为包装器div设置一个明确的高度，然后将内部div(或元素)的高度设置为height: 100% !important;

2. 通过height: 32px !important;

为实际元素设置一个明确的高度，在css中尽可能具体。

谢谢你的解决方案Max，我的解决方案是根据你的初步结论对我的特殊情况进行了一些改进。

Answer 2

好的，最后我只需要确保我想要幻灯片的div中包含的所有内容都设置为height: 100%

这是因为ui-effects-wrapper在滑动包含div时似乎不喜欢自动高度。