Question

我有一个amp-list，里面的物品有一些amp-fx动画。问题是动画要等到我滚动页面后才能播放。

<amp-list
   layout="fixed-height"
   height="600"
   items="Items"
   src="https://www.api.telexiran.com/application/GetVideoHomePage">
   <template type="amp-mustache" >
        <a class="videoItem"
          href = "https://www.api.telexiran.com/{{Link}}">
               <div class="videoImage">
                   <amp-img tabindex="0" height="216" width="384" 
                   layout="responsive" amp-fx="fade-in"
                        data-margin-start="0%"
                        src="{{FullImage}}">
                   </amp-img>
         </a>
    </template>
</amp-list>

Answer 1

这可能值得在amp-html GitHub上提出一个问题，因为当amp-fx-collection与amp-list一起使用时，这似乎是一个错误。我在他们的游乐场上对其进行了测试，并得到了相同的结果-滚动之前没有加载任何内容。

amp-list上的Amp-fx动画在滚动之前不会起作用

1 个答案: