帶動態高度的amp-list

我正在使用amp-list，我想根據我得到的結果獲得動態高度。有辦法做到這一點？我無法完成。帶動態高度的amp-list

<amp-list src="request-url"> 
    <template type="amp-mustache" id="amp-template-id"> 
    ... 
    </template> 
</amp-list>

所有可用的佈局需要放大器級別或父級別的尺寸。但是我不想指定高度。我的結果可以有1或12個項目。

來源

2016-11-30 José Silva

歡迎＃1。請閱讀以下鏈接以改善您的問題：[Tour]（http://stackoverflow.com/tour）| [如何問]（http://stackoverflow.com/help/how-to-ask）| [最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve） – Tom

AMP中沒有動態佈局（這是爲了避免頁面加載時的迴流，這是AMP的一大優勢）。但是，如果需要（和可用），放大器列表將自動佔用更多空間。

你可以做以下三兩件事來支持這一點：

使用固定高度的佈局有足夠的高度，包括第一元素。這確保列表不會佔用太多的空間，以防只有一個元素。
指定溢出按鈕以防列表摺疊。
通過將列表放置在初始視口下方或儘可能遠離底部，啓用放大器運行時爲列表提供更多空間。

下面是官方文檔說這個：

如果放列表加載它要求AMP運行時使用正常的AMP流來更新它的高度後，需要更多的空間。如果AMP運行時無法滿足新高度的請求，它將在可用時顯示溢出元素。但是請注意，文檔底部的amp-list元素的典型放置幾乎總是保證AMP Runtime可以調整它的大小。

來源：https://www.ampproject.org/docs/reference/components/amp-list

來源

2016-11-30 14:18:46

帶動態高度的amp-list

回答

相關問題