jQuery slideToggle跳来跳去-IGI

时间：2020-03-06 15:04:06 　来源:igfitidea点击:

我在网站上使用jQuery slideToggle函数来揭示有关某事的"更多信息"。当我触发幻灯片时，内容会逐渐显示出来，但位于右边约100个像素，直到动画突然跳到正确位置为止。反之，在开始"隐藏"动画之前，内容会以相同的量跳入，然后逐渐隐藏。

发生在IE7 / 8，FF，Chrome。

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

提前致谢。

解决方案

这只是黑暗中的一枪，但是如果函数正在操纵元素的height css属性，则根据此站点，我们必须将填充和显示分开：css中没有内容以防止其跳跃

尝试弄乱元素的位置/显示/浮动方式。我也遇到过类似的问题，这些问题可以通过使用这些设置来解决。

我找到了一种解决方法，但是我仍然不确定细节。似乎当jQuery添加" overflow：hidden"样式时，附近的float元素的效果已改变。解决方法是在slideToggle的div上放置一个永久性的"溢出：隐藏"，并在左边留负的负值以平衡效果。

令我感到惊讶的是，更改溢出值会对布局产生如此大的影响，但是我们已经拥有了……

文档是否包含任何DOCTYPE声明？没有它，某些浏览器将以"快速"模式呈现页面，这并不总是导致我们期望的结果。

看这里

为确保页面呈现预期的效果，请在页面顶部(即html标记之前)添加以下声明。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

我遇到了同样的错误，通过将元素定位为
position：相对的;宽度：709px；
固定宽度可以解决问题。