1

コンテンツをウィンドウの右側から左側にスライドさせたい。コンテンツdivは、マージン自動で中央に配置されます。ChromeとSafariではすべてが正常に機能しますが、Firefoxでは、スライドは中央から始まり、左に出てから中央に戻ります。検索しましたが、他の誰かがこの問題を抱えているようには見えません。おそらく私のCSSに何か問題がありますか？

# JavaScript
$('[data-pjax-container]').show("slide", { direction: "right" }, 1000);  

#Css
#content { width: 1200px; margin: 0 auto; padding-top: 30px; }

編集、jsfiddle： http: //jsfiddle.net/VBgkT/

4

1 に答える 1

3

これは、自動マージンが問題を引き起こしているものです。スクリプトで余白を計算できます (コーヒー スクリプトの構文がわからないので、javascript で行った方法を次に示します)。

var x = $(window).width() - $("#content").width();

$("#content").css("margin-left", x/2);
$("#content").css("margin-right", x/2);

$('.click').click(function () {
    $('#content').hide('slide', { direction: 'left' }, 1000)
    $('#content').show('slide', { direction: 'right' }, 1000)
});

フィドル: http://jsfiddle.net/VBgkT/20/

于 2012-08-08T21:09:15.913 に答える