仅在单击时余烬垂直集合渲染

时间:2019-03-12 04:47:27

标签: ember.js

当我使用implementations中的ember垂直集合时,它仅在单击屏幕时呈现新组件,而在滚动时则不呈现新组件。这是下面的代码

{{#vertical-collection model estimateHeight=90 bufferSize=5 staticHeight=true lastReached="loadBelow" as |item|}}
        -----
    {{/vertical-collection}}

1 个答案:

答案 0 :(得分:0)

检查添加滚动事件的容器选择器。遇到了类似的问题。问题是我有一个增长的父容器 div (flex-grow:1),我将 containerSelector 作为包含 vertical-collection 组件的子元素传递。将其替换为父 div 选择器,现在可以正常工作了。

<div class="inline-slider-header"></div>
<div class="inline-slider-body"> <!-- Has a styling of flex-grow:1 -->
  <div class="list-container">
    {{#vertical-collection this.items
      tagName="div"
      estimateHeight=47
      bufferSize=3
      containerSelector=".inline-slider-body"
      renderAll=false
      as |item index|
    }}
      <div class="item">
        <p>{{index}}</p>
        <p>{{item.title}}</p>
      </div>
    {{/vertical-collection}}
  </div>
</div>
<div class="inline-slider-footer"></div>