.fadeOut() 在 Firefox 中

Question

我已经向我的元素添加了一个 fadeOut() 函数，当我检查该元素时，我实际上看到不透明度的数字减少了，当它们变为 0 时，该元素就消失了，而不是慢慢淡出。如果那是 FF 错误？

这是我的代码

setTimeout(function () {  
    $('#myEm').toggleClass('in').delay('3000').fadeOut('slow',  function() {
           $(this).remove();
    });
}, 100);

JSFIDDLE

Answer 1

问题是由 transition 引起的。解决方法真的很简单。

#myEm {
 top:-100px;
 z-index: 99999;
 overflow: hidden;
 position: fixed;
 white-space: nowrap;
 margin-left: 45%;
 margin-right:50%;
 transition: top 1s ease; /*only animate the top and not all*/
 -webkit-transition: top 1s ease; /*this is so that is will also work on google chrome*/
}

here 你有一个工作 fiddle。（我删除了延迟只是为了快速显示）

.fadeOut() 在 Firefox 中

.fadeOut() in Firefox

jquery

fadeout