我正在尝试使用砖石和animonscroll复制鼓室演示.js。 唯一的区别是我使用的是带有图像的div卡，而不仅仅是图像。
这是工作鼓室演示 http://jsfiddle.net/Sfmv9/19/light/
这是我的代码：http://codepen.io/anon/pen/CotJv。
无论出于何种原因，这都可以在代码笔中使用，但是我的本地计算机上遇到了以下问题。
-
卡片在滚动时没有动画效果
偶尔 卡片会相互叠加加载（我猜这意味着图像加载没有完成它的工作）
我正在接收：
"类型错误：无法读取加载的空图像的属性'长度'.js'
这是我在过去两个月中发布的有关此问题的第三个问题，但仍然无法弄清楚为什么会出现此错误以及如何解决它。 我再次发布此内容（包含更具体的信息），以查看是否有人可以提供帮助。
错误似乎出在图像加载的此功能中.js
// turn element or nodeList into an array
function makeArray( obj ) {
var ary = [];
if ( isArray( obj ) ) {
// use object if already an array
ary = obj;
} else if ( typeof obj.length === 'number' ) {
// convert nodeList to array
for ( var i=0, len = obj.length; i < len; i++ ) {
ary.push( obj[i] );
}
} else {
// array of single index
ary.push( obj );
}
return ary;
}
根据我上一篇文章中某人的建议，我尝试将obj.length == 'number'更改为：
if ( obj && typeof obj.length === 'number' )
我还尝试在 AnimOnScroll 中将我的容器类更改为容器 id.js以及许多其他尝试的解决方案，但错误仍然存在。 因为我对js有点不稳定，所以我无法追踪AnimOnScroll，ImagesLoaded和Masonry如何相互连接，所以我不知道问题实际上是ImagesLoaded.js还是AnimOnScroll.js。
最让我困惑的是为什么这在代码笔中有效，但在我的本地机器上不起作用。
如果有帮助，这里是我之前问题的链接。
为什么我的div 没有在滚动上动画？
https://stackoverflow.com/questions/26721098/what-could-cause-animonscroll-js-to-work-on-codepen-but-not-on-my-local-machine
为什么我在这个js代码中得到"无法读取null的属性'长度'"？
您是否有机会用<head>调用您的脚本？
尝试将其放在结束</body>标签之前。