jQuery slideToggle跳转

Question

我在网站上使用jQuery slideToggle功能来显示有关某些内容的"更多信息".当我触发幻灯片时,内容会逐渐显示,但位于右侧约100个像素,直到动画结束时突然跳到正确的位置.换句话说,内容在它开始"隐藏"动画之前向右跳跃相同的量,然后逐渐隐藏.

在IE7/8,FF,Chrome上发生.

关于如何解决这个问题的任何想法？

提前致谢.

Answer 1

我找到了一个解决方法,但我仍然不确定细节.似乎当jQuery添加'overflow:hidden'样式时,附近浮动元素的效果发生了变化.解决方法是在slideToggle'd div上放置一个永久的'overflow:hidden',还有一个负余量 - 左边来抵消效果.

我很惊讶更改溢出值对布局有这样的影响,但是你有...

Answer 2

这只是在黑暗中拍摄,但如果该函数正在操纵元素的高度css属性,则根据此站点,您必须将填充和显示分开:在您的CSS中没有以防止它跳跃

Answer 3

通过添加到切换div解决:

overflow: hidden; position: relative;