我在网站上使用jQuery slideToggle功能来显示有关某些内容的"更多信息".当我触发幻灯片时,内容会逐渐显示,但位于右侧约100个像素,直到动画结束时突然跳到正确的位置.换句话说,内容在它开始"隐藏"动画之前向右跳跃相同的量,然后逐渐隐藏.
在IE7/8,FF,Chrome上发生.
关于如何解决这个问题的任何想法?
提前致谢.
我找到了一个解决方法,但我仍然不确定细节.似乎当jQuery添加'overflow:hidden'样式时,附近浮动元素的效果发生了变化.解决方法是在slideToggle'd div上放置一个永久的'overflow:hidden',还有一个负余量 - 左边来抵消效果.
我很惊讶更改溢出值对布局有这样的影响,但是你有...
这只是在黑暗中拍摄,但如果该函数正在操纵元素的高度css属性,则根据此站点,您必须将填充和显示分开:在您的CSS中没有以防止它跳跃
通过添加到切换div解决:
overflow: hidden; position: relative;