jquery - css jquery position 固定元素在右边。在 Firefox 中动画 BUG

Question

我为我的问题创建了一个 fiddle :

fiddle

$('#move').click(function (e) {
    e.preventDefault();

    $(this).not('.up').animate({
        bottom: '50%'
    }, 1000, function () {
        $(this).addClass('up');
    });

    $('.up').animate({
        bottom: '0%'
    }, 1000, function () {
        $(this).removeClass('up');
    });
});

Firefox(我的版本:19.0.2)有一个bug。

当你点击红色按钮时，它会跳到右边(距离恰好是滚动条的宽度)。 当它位于右侧并且您调整窗口(或 fiddle 框架)的大小时，它会跳回。

我做错了什么吗？有什么好的解决方案可以解决吗？

Answer 1

好吧，如果你改变宽度属性，那么即使在 firefox 上它也能正常工作

试试这个

改变

width:100px 

到

min-width:100px;

希望对您有所帮助。