Waypoint无限滚动不适用于3列布局

时间:2017-08-28 13:33:48

标签: jquery html infinite-scroll jquery-waypoints

我正在使用jquery waypoint在我的网站上实现无限滚动,我在页面滚动中加载文章。但我有一个非常奇怪的问题,即无限滚动在移动设备和我的第三列隐藏的屏幕上完美运行。或者,如果我在页面加载时开始滚动页面,它有时会起作用。 请看一下布局结构

layout

请帮我用插件排序这个问题。

1 个答案:

答案 0 :(得分:0)

我遇到了同样奇怪的问题。以前我的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>

我希望这可以帮到你