jQuery Ken Burns效果和Parallax在同一页面上

时间:2015-05-09 04:31:33

标签: javascript jquery parallax

我真的用这个把头发拉了出来。希望我忽略了一些显而易见的事情!

我有一个需要Ken Burns效果滑块和Parallax横幅的页面(我知道,但非常具体的设计要求!)

http://www.northliving.co.nz

我可以将KB和Parallax效果分开工作,但是当我尝试将它们放在一起时,我会得到奇怪的,不一致的渲染;即视差部分的位置略有不同(但都是不正确的) - 见下文。

Three Different Errors

我尝试过以下无效:

  • 使用jQuery的delay()将两个效果分开。
  • 清除本地和服务器缓存。
  • 评论所有其他使用的jQuery
  • 在最新版本的Chrome,Safari和Firefox中进行测试

谢谢 - 非常感谢任何想法!

1 个答案:

答案 0 :(得分:0)

让其他人遇到类似的问题我的解决方案是在延迟使用后触发jQuery调整大小:

function resizeBrowser() {
    $(window).trigger('resize');
}
setTimeout( resizeBrowser, 1500);