轮播幻灯片的控件（左右箭头）仅在幻灯片在视口中为100％时显示。 我希望它能在幻灯片转换30％时显示控件。

看一下amp-carousel的代码，我看到控件可见性的切换在slidescroll.js文件中。相关代码基于幻灯片的视口。因此，我认为我需要使用带有amp-animation的amp-position-observer来控制可见性。

<amp-animation id="slideAnim" layout="nodisplay">
    <script type="application/json">
    {
      "duration": "1","fill": "both","direction": "reverse","animations": [{
        "selector": "amp-carousel .amp-carousel-button.amp-disabled","keyframes": [{
              opacity: 1;
              visibility: visible;
        }]
      }]
    }
  </script>
  </amp-animation>


<amp-carousel
        controls
        height="920"
        width="500"
        layout="responsive"
        type="slides"
      >
       {slides.map(slide => (
            <amp-img
              height="390"
              width="500"
              layout="responsive"
              class="slide-image"
              src="${slide.src}"
            >
              <amp-position-observer
                intersection-ratios=".3"
                on="on:slideAnim.start"
                layout="nodisplay">
              </amp-position-observer>
            </amp-img>
         )}
</amp-carousel>

没有错误消息，所以我不知道问题出在哪里。