jquery - jquery animate 在 Chrome/IE 上向左而不是向右调整大小

Question

我有四个角，当单击一个角时，它会扩展以从它所属的任何角填充屏幕到对角。我看过很多答案，大多数要么建议更改边距，这严重扰乱了我的布局，要么为左边缘设置动画，就像这样

$("#topRightBG").click(function() {
    $(this).css({
        "zIndex": 20,
        "cursor": "default"
    }).stop(false, true).animate({
        "height": outUp,
        "width": outSide,
        "left": 0
    }, {
        duration: speed_out,
        easing: style_out
    });
});

唯一的问题是，向左移动没有动画，它只是跳跃，正如我在这里演示的那样。

我觉得改变左边缘是我想要做的，但我不知道如何让它正常工作。任何人都可以帮忙吗？

意识到它至少适用于 Firefox，但不适用于 Chrome 和 IE。

Answer 1

我发现我需要做的就是分别为左侧的运动设置动画。

$("#topRightBG").click (function () {
    $(this).css({
        "zIndex": 20,
        "cursor": "default"
    }).stop(false, true).animate({
        "height": outUp,
        "width": outSide
    }, {
        duration: speed_out,
        easing: style_out
    }).animate({
        "left": 0
    }, {
        duration: speed_out,
        easing: style_out
    });
});