Webkit上的全屏滑块断断续续,在Firefox上流畅

时间:2014-01-13 20:22:30

标签: javascript jquery css background fullscreen

问题

我正在使用Vegas Slider jQuery插件(最新版),以及基于bootstrap的最新jQuery。背景淡入淡出动画在Firefox和IE10上运行得非常好,但在Safari,Chrome和Opera上却很慢而且很慢。

我已经在这里复印了一下,所以在等待回复的时候我不会改变它:

http://8020.pl/web/templates/stackoverflow/

拉斯维加斯滑块网站在这里:

http://vegas.jaysalvat.com/

过渡在那里工作得很好。

我尝试了什么

禁用所有其他javascript(这意味着基本上删除了bootstrap js文件,所以它没有加载)。我的main.js只包含拉斯维加斯js,仅此而已。 结果:没有

将图像尺寸从~1080p更改为800x450。 结果:无变化

将所有'固定'定位切换为'绝对'以检查这是否与具有固定背景的众所周知的铬虫有关。 结果:无变化

我甚至不会尝试修复它,因为我知道chrome因这种行为而臭名昭着,但它适用于插件网站而不是我的,所以我不得不做错了,只是想不出来。

重要的是要注意,当窗口宽度大于~1200px时会发生这种情况,因此在较小的屏幕上可能会很好。

感谢。

[编辑]

我已经得出结论,在插件页面上也出现了问题(尝试将窗口大小调整为3840x1200 - 在chrome上严重滞后,而在firefox上仍然没问题)。有没有什么方法可以在1080p屏幕上至少平滑一下,或者它只是它在Chrome上的方式?

1 个答案:

答案 0 :(得分:0)

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