ember.js ember垂直集合仅在单击时渲染

niknxzdl  于 2022-11-05  发布在  其他
关注(0)|答案(1)|浏览(150)

当我使用https://github.com/html-next/vertical-collection中的ember vertical集合时,它只在屏幕上单击时呈现新组件,而在滚动时不呈现新组件。

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

qoefvg9y1#

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

相关问题