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> 

我希望这可以帮助你