当窗口从中间向下滚动时，Plax.js无法正常工作

Question

您可以在此处（http://straightupstaging.com.au/uk-caravans/foxtail/）看到鹰图像和平面图像与plax.js一起正常工作。

但是当您将浏览器窗口滚动到中间到底部时，鱼图像无法与plax.js一起正常工作。

Answer 1

我没有使用plax.js，但是阅读我遇到的代码： 第262行：

if (!inViewport(layers[0].obj[0].parentNode)) return;

看起来他们会检查你的plaxify集合中的第一个元素（在你的情况下是鹰图像）是否仍在视图中。如果不是那么它会返回;因此不会继续使用“动画”。

在他们的官方演示中可以看到同样的行为： http://projects.cameronmcefee.com/plax-demo/ 如果你使浏览器窗口变小并向下滚动它会停止工作。

我创建了一个js小提琴，稍微修改了if语句，以便检查是否有任何图层在视图中

var elsInView = false;
$.each(layers, function(k,v) {
    if (inViewport(v.obj[0].parentNode)) {
        elsInView = true;
    }
});
if (!elsInView) return;

http://jsfiddle.net/Lo6qqg6x/1/

或者你可能只是评论出来。希望这会有所帮助。