Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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 如何使用Parallax.js模拟运动?_Javascript_Jquery_Mouseevent_Parallax - Fatal编程技术网

Javascript 如何使用Parallax.js模拟运动?

Javascript 如何使用Parallax.js模拟运动?,javascript,jquery,mouseevent,parallax,Javascript,Jquery,Mouseevent,Parallax,我试图用模拟运动,以测试提高其性能的方法 但是我如何在视差.js上的originX和originY之间来回循环,以引起圆周运动 伪代码: var scene = $('#scene'); scene.imagesLoaded(function() { var circularMovement = [ [0,0], [0.5,0], [1,0], [1,0.5], [1,1], [0.5,1], [0,1], [0,0.5]

我试图用模拟运动,以测试提高其性能的方法

但是我如何在视差.js上的
originX
originY
之间来回循环,以引起圆周运动

伪代码:

var scene = $('#scene');

scene.imagesLoaded(function() {
  var circularMovement = [
    [0,0],
    [0.5,0],
    [1,0],
    [1,0.5],
    [1,1],
    [0.5,1],
    [0,1],
    [0,0.5]
  ];

  // Initiate Parallax

  scene.parallax({
    originX: 0,
    originY: 1
  });

  circularMovement.each(function() {
    scene.parallax('origin', N, N);
  });

  scene.masonry({
    itemSelector: '.layer'
  });
});
HTML:

  • ...
<ul id="scene">
    <li class="layer" data-depth="0.00">
        <img src="http://lorempixel.com/50/50">
    </li>
    <li class="layer" data-depth="0.20">
        <img src="http://lorempixel.com/50/50">
    </li>
    ...
</ul>