我在一个网站上使用jQuery slideToggle函数来显示关于某事的“更多信息”。当我触发幻灯片时,内容逐渐显露出来,但位于右侧大约100个像素,直到动画结束时,它突然跳到正确的位置。反过来,内容在开始“隐藏”动画之前跳跃了相同的量,然后逐渐隐藏。
在IE7/8、FF、Chrome上发生。
我该怎么解决这个问题呢?
提前谢谢。
发布于 2008-10-04 08:33:44
我已经找到了一种解决方法,但我仍然不确定细节。似乎当jQuery添加了“overflow: had”样式时,附近的浮动元素的效果发生了变化。解决方法是在幻灯片上放置一个永久的“overflow:hidden”切换到div上,还有一个负边距-left来平衡效果。
我很惊讶改变overflow值会对布局产生如此大的影响,但现在你知道了……
发布于 2008-10-03 14:50:02
这只是个小把戏,但是如果函数正在操作元素的height css属性,根据this site,你必须在你的css中分开填充和显示:无,以防止它跳跃。
发布于 2011-09-16 02:54:20
通过添加到切换的div来解决:
overflow: hidden; position: relative; https://stackoverflow.com/questions/166299
复制相似问题