IE8和9上的jQuery SlideUp / SlideDown奇怪的行为

时间:2011-08-31 06:22:27

标签: jquery slide

我有一个包含搜索表单的简单包装器<div>

enter image description here

我可以向上/向下滑动(因此我可以为结果留出更多空间而不会使结果视图混乱),但在 IE8 IE9 (不能用IE7测试它,它可以滑动,但按钮保留在页面上,直到幻灯片完成,就像:

enter image description here

Chrome 14 Safari 5.1 Opera 11.11

中不会发生这种情况

enter image description here

幻灯片完成后,没关系

enter image description here

slideUpslideDown

是否有任何遗漏?

P.S。 slideToggle行为相同。


包装器和按钮使用position: relative;

enter image description here

3 个答案:

答案 0 :(得分:0)

按钮是如何定位的? 他们是绝对的吗?

SlideUp使用overflow:hiddden和一个设置的高度,所以它可能是那个位置:绝对可能在IE中重叠。

动画完成后它会消失吗?

答案 1 :(得分:0)

问题不在于jQuery。您需要修复CSS和标记。您的容器可能position:relative可以帮助您,但我不确定。我们需要看一下页面结构和css。

答案 2 :(得分:0)

无法找到bugger,所以我在向上滑动之前先隐藏按钮,然后在滑下之后逐渐淡入。