Question

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

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

Answer 1

检查添加滚动事件的容器选择器。遇到了类似的问题。问题是我有一个增长的父容器 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>

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

1 个答案: