Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery Ken Burns效果和视差在同一页上_Javascript_Jquery_Parallax - Fatal编程技术网

Javascript jQuery Ken Burns效果和视差在同一页上

Javascript jQuery Ken Burns效果和视差在同一页上,javascript,jquery,parallax,Javascript,Jquery,Parallax,我真的很喜欢这个。希望我忽略了一些显而易见的事情 我有一个页面,需要一个肯·伯恩斯效果滑块和一个视差横幅(我知道有点夸张,但非常具体的设计要求!) 我可以让KB和视差效果分开工作,但是当我尝试将它们一起工作时,我会得到奇怪的、不一致的渲染;i、 e.视差部分的位置稍有不同(但都不正确)-见下文 我尝试了以下方法,但没有效果: 使用jQuery的delay()将这两种效果隔开 正在清除本地和服务器缓存 注释掉所有其他使用的jQuery 在最新版本的Chrome、Safari和Firefox中

我真的很喜欢这个。希望我忽略了一些显而易见的事情

我有一个页面,需要一个肯·伯恩斯效果滑块和一个视差横幅(我知道有点夸张,但非常具体的设计要求!)

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

我尝试了以下方法,但没有效果:

  • 使用jQuery的delay()将这两种效果隔开
  • 正在清除本地和服务器缓存
  • 注释掉所有其他使用的jQuery
  • 在最新版本的Chrome、Safari和Firefox中进行测试

谢谢-如果您有任何想法,我将不胜感激

如果其他人遇到类似问题,我的解决方案是在延迟后使用以下命令触发jQuery resize:

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

更新:非常奇怪的是,如果我打开开发者工具窗口,它工作得非常完美!(Chrome、Safari或Firefox)