使用:
Chrome 36.0.1985.125
基础轨道5.2.2与animation: slide
我的页面顶部有一个幻灯片,5张幻灯片。它们设置为每3000毫秒通过slide
转换。
我首先注意到下面描述的重绘问题,因为在页面底部附近调用了Fancybox。当Fancybox iframe被“弹出”时,会有一个快速的白色闪烁/闪烁,每隔3秒就会影响除iframe之外的所有内容。
使用Chrome的检查器的时间轴视图以及“显示绘制矩形”的渲染选项证明了我的怀疑是正确的。
即使幻灯片组(页面顶部)不在屏幕上,仍然每隔3秒就有一次页面范围的重绘。使用检查员的时间轴,我可以在流程中每隔3秒看到一个“心跳”,即使滚动到页面底部,包括一个大的紫色和绿色尖峰,其中紫色代表渲染,绿色代表绘画。使用“渲染”选项“显示绘制矩形”,我再次看到,即使一直滚动到页面底部,页面上的每个元素都会快速闪烁,并且每隔3秒以绿色(正在绘制)着色。
我已经四处寻找“基础轨道闪烁”,“轨道幻灯片重绘”“基础轨道重绘屏幕外, “和类似的术语,到目前为止还没有发现任何使用。
我读过的一两页都提到了与幻灯片转换相关的固定间隔的字体更改或字体闪烁。 “修复”(或解决方法)是将animation
参数的值从slide
更改为fade
。试着这个,我发现重绘的问题彻底消失了。但是,我更愿意使用slide
转换。
我无法在Safari或Firefox中重现这一点,但我也不知道在哪些浏览器中使用哪些开发人员工具来确认或否认重绘是否正在发生(即相当于时间轴)或者在Chrome的检查器中显示“绘制矩形”。如果没有幕后证明,那么在Firefox和Safari中,Fancybox iframe在页面底部附近弹出,没有白色闪烁/闪烁,因为重绘时Chrome中存在白色闪烁/闪烁。
非常感谢任何帮助 是的,我意识到不再支持基金会轨道幻灯片 非常感谢。