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

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

小提琴

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

希望能帮助到你。