当窗口从中间滚动到底部时，Plax.js无法正常工作

Question

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

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

Answer 1

我没有使用plax.js，但阅读了以下代码：第262行：

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

他们似乎检查了您的plaxify集合中的第一个元素（在您的情况下为eagle图像）是否仍在显示中。 如果不是，则返回；否则返回。 因此不会继续进行“动画”。

在他们的官方演示中可以看到相同的行为： 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/

或者您可能只是将其注释掉。 希望这可以帮助。