聚合物核心列表 - 仅显示足够的项目以填充视口

Question

我正在试验core-list。

从文档：

由于性能原因，不在列表中的每个项目一次呈现;而是实际模板元素的一小部分（足以填充视口）在用户滚动时被渲染和重用。

和有关属性 '高度'：

列表项的大致高度，以像素为单位。这仅用于基于列表的视口大小确定要呈现的物理元素的数量。根据其数据模型，项目本身的高度可能会有所不同。通常不需要调整此值，除非平均大小远大于或小于默认值。

所以，如果我有

<core-list style="height: 1000px" height="500"></core-list> 

和我的列表项500像素高，我的名单应显示两个项目。

如果我的清单项目是800px高，我的清单应该显示一个项目。

对不对？

Answer 1

不是真的，它会加载一些项目，但不是一个明确的答案多少。例如，如果你的核心列表的高​​度为500，而你的元素的高度为50，那么它可能只加载6个元素，即使你有100个元素也是如此。

我试过了，我有一个问题，我想显示15个元素，但它只显示11个，即使有足够的空间来显示15个元素。 在我的情况下，我只是调整列表的高度，以显示足够的元素，以便滚动显示。当用户滚动其他元素加载。