在调整谷歌浏览器中的浏览器窗口大小时,setTimeout()循环问题与延迟和rotate3d页面闪烁问题

时间:2012-04-16 15:16:49

标签: settimeout webkit-transform

最近,我一直致力于完善由Hidayat Sagita制作的“nextlevelsearch”搜索表单,该搜索表单使用css3 3d转换。 你可以在这里找到jsfiddle:http://jsfiddle.net/UtLrG/ 关于setTimeout()循环问题: 我想通过每500ms改变背景图像来实现一种动画(2帧)。起初我正在使用setInterval,但是在朋友的建议下我已经将代码更改为setTimeout。问题是,有时多次调用setTimeout会破坏动画。另外,当多次调用setTimeout时,我可以注意到即使'输入'模糊(应该是clearTimeout),在调试器上我也可以看到背景继续切换。

关于rotate3d问题: 一切似乎都正常工作,但今天早上,我注意到在谷歌浏览器中调整窗口大小时出现了一种垂直闪烁,这会影响页面中包含的所有内容。修复闪烁的唯一解决方案是完全删除页面中包含的任何css3 3d效果。即使通过应用rotate3d(0,0,0,0),闪烁仍然会发生

0 个答案:

没有答案