css jquery位置固定元素在右边.在Firefox中动画BUG

我为我的问题创造了一个小提琴：

fiddle

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

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

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

Firefox中存在一个错误(我的版本：19.0.2).

单击红色按钮时,它会向右跳转(距离恰好是滚动条的宽度).
当它在右边并且你调整窗口(或小提琴框架)的大小时它会跳回来.

我做错了吗？有没有一个很好的解决方案来解决它？

最佳答案

好吧,如果您更改宽度属性,那么它甚至在Firefox上工作正常

试试这个

更改

width:100px 

至

min-width:100px;

希望能帮助到你.

原文地址：https://www.jb51.cc/css/427458.html