jQuery ui-effects-wrapper在使用.show(“幻灯片”)时切断了div内容的底部

时间:2011-09-26 10:31:23

标签: jquery css jquery-ui

我正在使用

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

单击按钮时显示div

问题是ui-effects-wrapper类在div点击div的时候应用于div

div到达目的地后,ui-effects-wrapper会返回正常状态,您可以完全看到它。

为什么{{1}}类会导致这种情况的任何想法?

感谢您的帮助。

2 个答案:

答案 0 :(得分:5)

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

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

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

  2. 通过执行height: 32px !important;

  3. ,在css中尽可能具体地设置实际元素的显式高度

    感谢您的解决方案Max,根据您的初步结论,我的具体案例有点细化。

答案 1 :(得分:2)

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

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