禁用加载动画砌体无限滚动答案

【问题标题】：Disable loading animation masonry infinite scroll禁用加载动画砌体无限滚动
【发布时间】：2013-02-14 01:10:49
【问题描述】：

我正在尝试禁用加载 #infsrc-loading 容器的烦人动画。看看这里的无限滚动演示http://masonry.desandro.com/demos/infinite-scroll.html。

加载 div 第一次出现时是静态的，但之后加载更多内容时会有动画，就像它从底部出现并增长一样。我想禁用它，但我找不到它的设置位置。

我尝试在插件的回调中禁用 CSS 过渡和 $('#infsrc-loading').show()。我查看了 Masonry 和 InfiniteScroll 的来源，但仍然无法确定此设置的设置位置。我也禁用了 Masonry 中的动画。

如果有帮助，我正在使用 WordPress 插件。

【问题讨论】：

【解决方案1】：

我找到了这段代码。它在line 155 of Infinite Scroll 上。我刚刚将 show 更改为 fadeIn 以使其按我的需要工作。

【讨论】：

【解决方案2】：

也许其中一些不是必需的，但对我有用：

<style>
  #infscr-loading { display:none; }
</style>

对于无限滚动的初始化，设置这些选项：

loadingImg : "",
loadingText : "",
loading: {
    finishedMsg: "",
    msgText: "",
    img: "" }

更新：这里的最后一行隐藏了蓝色动画进度条 gif。

我正在使用这个版本：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js"></script>

如果您可以改进我的答案，请随时纠正我:-)

【讨论】：