Polymer core-list - 只显示足够的项目来填充视口

Question

我正在尝试core-list。

来自文档：

出于性能原因，并非列表中的每个项目都会立即呈现；而是在用户滚动时呈现并重用一小部分实际模板元素（足以填充视口）。

关于“高度”属性：

列表项的近似高度，以像素为单位。这仅用于根据列表的视口大小确定要渲染的物理元素的数量。项目本身的高度可能因数据模型而异。除非平均大小远大于或小于默认值，否则通常无需调整此值。

所以，如果我有

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

我的列表项有 500 像素高，我的列表应该显示两个项目。

如果我的列表项是 800 像素高，我的列表应该显示一项。

对吗？

Answer 1

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

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