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
    });
});

唯一的问题是，左边的移动没有动画，只是跳跃，正如我展示here。

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

认识到它至少适用于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
    });
});

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

1 个答案: