Question

单击更多信息/更少信息按钮，哪个slideUp / slideDown内容，在IE7中创建间距故障。用show / hide替换它似乎可以解决它。有谁知道如何使它在IE7中滑动？

您可以在此处查看我正在谈论的内容并尝试修复它： http://jsfiddle.net/C9reK/2/

提前致谢！

更新

没有“position：relative”会删除症状，而不是动画会删除症状。不幸的是，这些都不适合我，所以我仍然在寻找能够保持动画和相对定位的答案。

第二次更新

事实证明，问题也发生在show / hide上。当浮动堆栈移除了一个项目时，它会重新定位/重新计算堆栈项目，但不会考虑边距。如果没有边距，则不会发生抖动。显然，这些是必要的。

Answer 1

我没有IE7所以这可能不是问题，但即使在webkit和firefox中我也遇到了slideUp / Down的问题。

我的解决方案是设置我滑动的元素的宽度：http://gist.github.com/633771

也许这会有用吗？

$(document).ready(function(){
    var $infoContainer = $("#infoContainer");
     $(".moreInfo").click(function(){
         $infoContainer.width($infoContainer.parent().width()).slideDown();
     });
     $(".lessInfo").click(function(){
         $infoContainer.width($infoContainer.parent().width()).slideUp();
     });
 });

关于jquery slideUp / slideDown的IE7 Margin Bug

1 个答案: