jQuery性能全屏淡入淡出

我正在尝试创建一个像大多数模式框插件一样的淡色覆盖图。我由具有<div id="overlay">下面CSS这样做：jQuery性能全屏淡入淡出

#overlay { 
    background: black; 
    display: none; 
    opacity: .3; 
    z-index: 9999; 
    position: absolute; 
    height: 100%; 
    width: 100%; 
    top: 0; 
}

我动画使用jQuery这个#overlay：但是

$('#overlay').fadeIn(400);

这个淡入的性能是不是最佳的。当以1920x1080像素的分辨率淡入时，我估计大约10/15的FPS。有没有更好的方法让这个动画更流畅？

来源

2010-12-13 Bram Jetten

什么浏览器？什么版本？ ** – 2010-12-13 20:32:37

Safari 5/Chrome 8 – 2010-12-13 21:02:45

您可以控制版本jQuery 1.4.3的帧每秒。请参阅this链接。用更高的FPS玩耍可能会导致整体平滑的动画。

在一些较旧的浏览器（IE6-7）上，Javascript动画处理不太流畅。

来源

2010-12-13 20:40:36

-2

如何使用低级.animate()函数？它可能可能更好..

来源

2010-12-13 20:33:15 ncuesta

随机推测，完全未经测试 - 没有用的答案 – 2010-12-13 20:34:11

你说得对，但我没有办法测试这个分辨率。 – ncuesta 2010-12-13 20:38:40

'fadeIn（）'是[只是调用'.animate（）']的包装器（https://github.com/jquery/jquery/blob/master/src/effects.js#L270）与属性预定义。 – user113716 2010-12-13 20:41:00

jQuery性能全屏淡入淡出

回答

相关问题