Javascript CSS转换不';在事件上添加隐藏溢出时,无法在FF中工作

Javascript CSS转换不';在事件上添加隐藏溢出时,无法在FF中工作,javascript,jquery,css,firefox,Javascript,Jquery,Css,Firefox,我对溢出隐藏和CSS转换有一些问题。在将代码添加到元素上的setoverflow:hidden之前,转换动画工作正常。如果发生这种情况,则过渡动画不起作用;元素会立即更改 请看这个例子: CSS: HTML: 如果将溢出设置添加到的行被注释掉,则动画工作 也许有人知道,如何修复它?这是一个bug,已经在即将发布的版本中修复了 我可以使用Firefox32重现您的问题 但是,在Firefox Nightly 35上,它工作得很好。这很奇怪。这很奇怪,你应该解释一下你的问题是什么,代码和小提琴没有任

我对溢出隐藏和CSS转换有一些问题。在将代码添加到
元素上的set
overflow:hidden
之前,转换动画工作正常。如果发生这种情况,则过渡动画不起作用;元素会立即更改

请看这个例子:

CSS:

HTML:

如果将
溢出设置添加到
的行被注释掉,则动画工作


也许有人知道,如何修复它?

这是一个bug,已经在即将发布的版本中修复了

我可以使用Firefox32重现您的问题


但是,在Firefox Nightly 35上,它工作得很好。

这很奇怪。这很奇怪,你应该解释一下你的问题是什么,代码和小提琴没有任何意义如果你在样式表中加入
溢出
规则(总是将
设置为
溢出:隐藏
),那么它就工作了,但我不知道为什么发布的代码不起作用。@Pointy是的,我知道,它是起作用的,但我需要“溢出隐藏”只有在红场可见时才需要。我已经打破了我的大脑,试图修复这个)谢谢!
#block {
    background: red;
    float: left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 203px;
    height: 100%;
    transition: all 0.4s;
    transform: translate3d(-203px, 0, 0) scale3d(1, 1, 1);
}

#block.is-opened {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
<div id="block"></div>
<a href="#" id="toggle">Toggle</a>
$(document).ready(function() {
    $('#toggle').on('click', function() {
       $('#block').addClass('is-opened');
        $('body').css('overflow', 'hidden');
    });
});