如何防止IE11中的requestAnimationFrame（）闪烁？

Question

我正在尝试为IE 11中的requestAnimationFrame() 方法查找修复程序。我一直在浏览网络以找到解决方案。到目前为止，我已经尝试包括 polyfills ，但该错误并没有消失。

有人可以解决IE11错误吗？

这是使用jQuery 3.4的example，它使用requestAnimationFrame()方法用于fadeToggle()方法。您将可以检查 IE11 中的闪烁。

Answer 1

您可以尝试使用以下合适的方法之一解决问题。

1. 添加背景色 使用CSS在正在淡入或淡出的元素上设置背景色。这是解决问题的最基本方法。

2. 删除清晰类型过滤器 淡入元素后，您可以添加此简单的回调函数来修复该错误。

>>> print(bar)
    Results                 Violations
    Pass w/ Conditions  3. MANAGEMENT, FOOD EMPLOYEE AND CONDITIONAL E
    Pass                    36.
>>>

1. 使用自定义淡入/淡出方法 此方法替代了jQuery的内置fadeIn（）和fadeOut（）方法。

$('#fadingElement').fadeIn(2000, function(){
       this.style.removeAttribute('filter');
});

参考文献：

（1）jQuery fadeIn & fadeOut Problems in Internet Explorer

（2）How to Fix jQuery's Fade In/Out Functions for Internet Explorer

注意：我已在代码段中添加了代码，因为此站点无法使用代码块正确格式化代码。