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

时间:2013-02-14 01:10:49

标签: javascript jquery-masonry infinite-scroll

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

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

我尝试在插件的回调中禁用CSS转换和$('#infsrc-loading').show()。我查看了Masonry和InfiniteScroll的来源,但仍无法分辨出这个设置的位置。我也在砌体中禁用了动画。

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

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

也许其中一些不是必要的,但对我有用:

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

对于infinitescroll的初始化,请设置以下选项:

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>

如果你能改善我的答案,请随时纠正我: - )