javascript - 禁用加载动画砌体无限滚动

Question

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

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

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

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

score 3 · Accepted Answer

我找到了这段代码。它位于 Infinite Scroll 的第 155 行。我只是改为show让它fadeIn按我需要的方式工作。

score 0 · Accepted Answer

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

<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>

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

2 回答 2