如何使聚合物铁链表不断滚动，而不是滚动

我正在关注collapsible items of iron-list的示例。不过，我还有更多的内容，比如铁板菜单。如何使聚合物铁链表不断滚动，而不是滚动

问题是，当用户展开熨斗列表内容时，熨斗列表的高度不会动态增加。相反，铁列表会变成可贬义的，使得很难看到所有的内容。

我想铁列表的高度扩大，并下推内容（铁菜单）。有没有办法做到这一点？非常感谢。

我也尝试设置scroll-target，但它不会将以下内容压低。它将铁列表内容重叠到下面的内容上，这不是我想要的内容。

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

来源

2017-01-09 nos

我认为你正在寻找类似[这]（https://elements.polymer-project.org/bower_components/iron-list/demo/scroll-threshold.html）。不是吗？ – dloeda

不完全。我仍然想使用可折叠的物品。问题在于，铁片的总高度在创建时似乎是固定的。当我展开折叠内容时，铁列表的长度不会增加，而是会变成可缩放的。 – nos

你有你的设置可用的小提琴吗？ –

我终于找到了解决办法。从the example可以看到，函数getClassForItem()更改div类以控制show/hide。因此，我们可以与它一起触发调整大小事件。

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

来源

2017-01-10 19:55:39 nos

铁列表的大小必须显式设置，如在“上浆铁名单”上的铁清单项目自述描述。

所以你可以使用JavaScript来改变高度，根据其他条件。

东西放在“自下而上”的铁列表的另一种方法是计算你是否在最后一个列表项，并在自定义添加一行（即分页），如here

但是，如果你不没有庞大的数据集，您可以使用dom-repeat，它会将节点添加到DOM，因此您可以扩展您的列表。

来源

2017-01-10 14:57:33 edje

如何使聚合物铁链表不断滚动，而不是滚动

回答

相关问题