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

时间:2015-03-25 12:56:31

标签: jquery html css list polymer

我正在试验core-list

来自文档:

  

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

并且关于属性'height':

  

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

所以,如果我有

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

我的列表项目是500px高,我的列表应该显示两个项目。

如果我的列表项高达800px,我的列表应显示一个项目。

右?

1 个答案:

答案 0 :(得分:1)

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

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

相关问题