Question

我希望我的内容从窗口右侧滑动到左侧。内容div以margin auto为中心。一切都按照我想要的方式在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/

Answer 1

这是汽车保证金导致问题的原因。您可以在脚本中计算边距（抱歉，我不知道coffeescript语法，所以这是我在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/

Firefox中从右到左的jQuery幻灯片中断

1 个答案: