Waypoint無限滾動不工作3列布局

Question

我正在使用jQuery的航點實現無限滾動我的網站上，我在頁面滾動加載文章。但我有一個非常奇怪的問題，無限滾動在手機上完美工作，屏幕上隱藏了我的第三列。或者有時它可以工作，如果我在頁面加載時開始滾動頁面。 請看一看佈局結構

請幫我選這個問題與插件。

Answer 1

我遇到了同樣奇怪的問題。以前我的HTML標記是這樣

<div class="container-fluid"> 
    <div class="infinite-container"> 
    <div class="col-md-6 col-lg-4 infinite-item"> 
     ... 
    </div> 
    <div class="col-md-6 col-lg-4 infinite-item"> 
     ... 
    </div> 
    ... 
    </div> 
</div> 

我已經從那裏取出無限項類，並把它放在一個div.row：

<div class="container-fluid"> 
    <div class="infinite-container"> 
    <div class="row infinite-item"> 
     <div class="col-md-6 col-lg-4"> 
      ... 
     </div> 
     <div class="col-md-6 col-lg-4"> 
      ... 
     </div> 
     ... 
    </div> 
    </div> 
</div> 

我希望這可以幫助你