jquery - css jquery 将元素固定在右侧。Firefox中的动画BUG

Question

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

小提琴

$('#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）。

当您单击红色按钮时，它会跳到右侧（距离正好是滚动条的宽度）。当它在右侧并且您调整窗口（或小提琴框架）的大小时，它会跳回来。

我做错什么了吗？有没有好的解决方案来解决它？

Answer 1

好吧，如果您更改宽度属性，那么即使在 Firefox 上也可以正常工作

试试这个

改变

width:100px 

到

min-width:100px;

希望能帮助到你。