Question

在页面顶部加载页面时，

amp-list高度可以很好地更新。

但在以下情况下，高度无法正确更新。

打开页面，并将页面滚动到视图中的放大列表 ->此时，每个元素均正确显示
刷新页面
滚动位置相同，但仅显示一些元素 ->通过页面源添加所有项目，但amp-list的高度不足以显示所有元素

这是一些代码

<div>
  <template id="template" type="amp-mustache">
    <div>
      {{#items}}
      <p>{{title}}</p>
      <ul>
        <li>
          <p>{{text}}</p>
          <div>
            <p>{{writer}}</p>
            <p>{{date}}</p>
          </div>
        </li>
      </ul>
      {{/items}}
      {{^items}}
      <p>No Items</p>
      {{/items}}
  </template>
  <amp-list layout="fixed-height" 
            template="template" 
            noloading 
            load-more="manual" 
            load-more-bookmark="next" 
            single-item 
            items="." 
            height="100"
            src="https://path.to.api?q=queryforjson">
    <div placeholder>placeholder</div>
    <div fallback>Fail to get items</div> 
  </amp-list>
</div>

这是一些限制

src必须响应api（无法使用静态列表元素初始化）
每个元素的高度和第一个元素的数量不固定（无法通过静态高度初始化）
不能使用amp-list-load-more来更新高度。 json中的“ next”字段用于另一个api查询来请求尾随项目。
在刷新之前将滚动位置强制到顶部可以解决此问题，但是此页面的某些链接应包含锚点，因此这不是必不可少的解决方案。

它看起来与某些时间相关，因为

我检查过的页面源代码具有列表中的每个项目
在页面顶部打开/刷新页面时，高度设置正确

很抱歉，如果被骗或在讨论中提出问题（也是我可怜的英语）。

关于此有任何文件或解决方案吗？

在滚动amp-list时刷新页面的amp-list动态高度问题

0 个答案: