1

コンテンツをスライドアップ/スライドダウンする詳細情報/詳細情報ボタンをクリックすると、IE7 でスペーシング グリッチが発生します。それを表示/非表示に置き換えると、修正されるようです。IE7でスライドして動作させる方法を知っている人はいますか?

私が話していることを確認し、ここで修正を試みることができます: http://jsfiddle.net/C9reK/2/

前もって感謝します！

アップデート

「position:relative」を持たないと症状が解消され、アニメーション化しないと症状が解消されます。残念ながら、これらはどちらも私にとって受け入れられるオプションではないため、アニメーションと相対的な位置を維持する答えをまだ探しています。

2 回目の更新

表示/非表示だけでも問題が発生したことがわかりました。フローティング スタックからアイテムが削除されると、スタック アイテムの再配置/再計算が行われますが、マージンは考慮されません。余白がない場合は、ジグルは発生しません。明らかに、それらは必要です。

4

1 に答える 1

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();
     });
 });
于 2010-12-22T08:42:44.603 に答える