2013-02-14 65 views
1

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

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

我试着在插件的回调中禁用CSS转换和$('#infsrc-loading').show()。我查看了Masonry和InfiniteScroll的源代码,但仍然无法确定此设置的设置。我也禁用了Masonry中的动画。

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

回答

3

我找到了这段代码。它在line 155 of Infinite Scroll。我只是将show更改为fadeIn,以使其适用于我需要的方式。

+1

大先生,非常感谢! – GianFS 2013-03-04 15:14:34

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> 

如果能提高我的回答,请随时指正:-)