在 Webkit 上全屏滑块卡顿，在 Firefox 上流畅答案

【问题标题】：Fullscreen slider stutters on Webkit, smooth on Firefox在 Webkit 上全屏滑块卡顿，在 Firefox 上流畅
【发布时间】：2014-01-14 04:40:11
【问题描述】：

问题

我正在使用 Vegas Slider jQuery 插件（最新），带有最新的 jQuery，基于 bootstrap。背景渐变动画在 Firefox 和 IE10 上运行良好，但在 Safari、Chrome 和 Opera 上运行缓慢。

我已在此处制作了一份副本供您查看，因此在等待回复时我不会更改任何内容：

维加斯滑块网站在这里：

过渡在那里工作得很好。

我的尝试

禁用所有其他 javascript （这意味着基本上删除引导 js 文件，所以它没有加载）。我的 main.js 只包含 vegas js，仅此而已。 结果：没有

将图像尺寸从 ~1080p 更改为 800x450。 结果：没有变化

将所有“固定”定位切换为“绝对”，以检查这是否与众所周知的具有固定背景的 chrome 错误有关。 结果：没有变化

我什至不会尝试修复它，因为我知道 chrome 因这种行为而臭名昭著，但它适用于插件网站而不是我的，所以我不得不做错事，就是想不通。

请务必注意，当窗口大于 ~1200 像素宽时会发生这种情况，因此在较小的屏幕上可能会很好。

谢谢。

[编辑]

我已经得出结论，在插件页面上也出现了问题（尝试将窗口大小调整为 3840x1200 - 在 chrome 上严重滞后，而在 firefox 上仍然很好）。有什么方法可以在 1080p 屏幕上至少平滑一点，还是就像在 chrome 上一样？

【问题讨论】：

【解决方案1】：

我已经从我的浏览器（谷歌浏览器）打开了您的本地主机，它的切换方式与插件主页中的方式相同。您确定在您的浏览器中一切正常吗？有时加载崩溃的插件可能会导致问题。

【讨论】：

我不确定我的浏览器是否可以正常使用一段时间，但在高分辨率下（在此处运行 1920x1200）最明显。客户是摄影师，所以他肯定有大屏幕，这就是为什么这甚至是一个问题。