Javascript 如何使聚合铁的清单不断扩大，而不是变薄

我是在仿效这个例子。然而，我有更多的内容下铁名单，说铁菜单

问题在于，铁名单的高度不会随着用户扩展铁名单内容而动态增加。相反，铁名单变得易读，很难看到所有的内容

我希望铁名单扩大的高度，并按下下面的内容（铁菜单）。有办法做到这一点吗？非常感谢

我还尝试设置

滚动目标

，但它没有向下推送下面的内容。它将铁名单的内容重叠到下面的内容上，这不是我想要的

<iron-list scroll-target="document" ... >

---

必须明确设置铁表的大小，如铁表项目自述文件中“调整铁表大小”下所述

因此，您可以使用javascript根据其他条件更改高度

另一种将某些内容放在“铁名单”下方的方法是计算您是否在最后一个列表项上，并添加一个自定义行（即分页），如图所示

---

但是，如果没有庞大的数据集，可以使用dom repeat，它将向dom中添加节点，因此可以扩展列表。

我终于找到了解决方案。从中可以看到，函数

getClassForItem（）

将div类更改为控制显示/隐藏。因此，我们可以同时触发resize事件

    getClassForItem: function(item, selected) {
      this.querySelector('iron-list').fire('iron-resize'); // added line
      return selected ? 'item expanded' : 'item';
    }

---

我想你在找类似的东西。不是吗？不完全是。我仍然想使用可折叠的物品。问题在于，铁名单的总高度在创建时似乎是固定的。当我展开折叠的内容时，铁名单的长度不会增加，而是会变为可折叠。你的设置可用吗？