导致javascript停止运行的最大高度

感谢迄今为止的所有尝试。但我觉得我没有那么清楚，所以我决定重写这个问题。因为我一直在寻找一个答案，或修复，或解决我的问题的东西

概述：我的客户想要一张图片拼贴。单击后，图像将在lightbox克隆中打开

我正在使用massy.js对图像进行网格化处理。我正在使用imagesloaded.js延迟加载缩略图。然后我还使用classie.js、AnimOnScroll.js和modernizer.js

因此，在构建ul缩略图时，一切都非常有效。但当我将其插入现有站点时，它就停止工作了

客户站点的布局类似于框架站点。当整个页面有一定高度时，中间的主体在需要时滚动，如：

--------------------------------------------- | HEADER | --------------------------------------------- | | | | | | MAINBODY | | | | (scrolls) | | | | | | | | | | --------------------------------------------- | FOOTER | --------------------------------------------- 问题是主体会滚动，整个页面也会滚动，这只会导致显示一些缩略图。其余的都在那里，但你看不见

我已经建立了一个虚拟站点来演示，而不是在这里发布大量代码。希望这会让事情变得更容易

除了用于massy.js和default.css的两个样式表component.css之外，我还添加了test.css，它只包含mainbody的代码。如果您去掉对test.css的引用，一切正常

---

希望我能把一切都说得更清楚一点。

对不起，我试着把这句话作为评论，但还没有足够的代表。 因此，脚本被最大高度弄糊涂了，在加载图像时没有考虑到它。您可能需要调整脚本，以便在滚动时刷新所述的最大高度。

---

或者，这是一个很长的镜头，如果160+图像只是在一个很长的列表中，你有没有尝试添加一些css到最初未处理的UL标签？就像是把它们都漂走。我这样说是假设脚本将重新编写UL样式，以便以预期的方式显示图像。

也许将UL嵌套在另一个div中会有所帮助，因此最大高度位于父div上，如：

<div id="mainbody">
  <div id="galleryWrapper">
    <ul></ul>
  </div>
</div>

---

因此，高度自动将始终使用。

我的理解是，这是对旧版IE的一种攻击，因此它不是真正需要的，但如果我将其取出，滚动是可以的，但脚本仅显示前14幅左右的图像。好的，我试着按照您的建议嵌套ul。同样的结果。scolling是正确的，但仅加载前几个图像。也许我会尝试找到一个不同的惰性加载程序脚本。AnimOnScroll脚本根据滚动条加载图像，这就是它出错的地方。我只是不知道如何修复它。奇怪的是它加载了第一个图像，比如说14幅左右的缩略图。当你滚动时，就像图像在那里一样，你就是看不到它们。你可以点击它们的位置，它就会打开灯箱。所以链接都可以正常工作，你就是看不到图片。但正如我所说的，前14张图片效果很好。我还不太擅长jquery，所以更改脚本对我来说不太好。也许另一个选择是使Li标记在css中处于绝对位置。希望这样可以删除多余的高度，脚本可以在优雅地加载图像时完成其余的工作。幸运的是，结果是一样的。只有几个缩略图显示：

#mainbody {    
  height: auto !important;
  height: 650px;
}