如何使聚合物鐵鏈表不斷滾動，而不是滾動

我正在關注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

如何使聚合物鐵鏈表不斷滾動，而不是滾動

回答

相關問題