2013-02-14 42 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> 

如果能提高我的回答,請隨時指正:-)