Amp html AMP按钮vs div行为

我正在尝试将tap事件附加到div。我有以下代码片段

<div class="scroller" on="tap:description.scrollTo(duration=500, position=top)">
  <svg id="svg-icon-scroller" width="574px" height="574px" viewBox="0 0 574 574" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <polygon fill="#FFFFFF" points="242.230044 0 344.159764 0 344.159764 342.046041 495.160004 342.046041 292.832713 573.99967 79 342.452068 242.374538 342.452068"></polygon>
  </svg>
</div>

根据文档，tap事件可用于任何元素。当我将代码段切换到

<button class="scroller" on="tap:description.scrollTo(duration=500, position=top)">
  <svg id="svg-icon-scroller" width="574px" height="574px" viewBox="0 0 574 574" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <polygon fill="#FFFFFF" points="242.230044 0 344.159764 0 344.159764 342.046041 495.160004 342.046041 292.832713 573.99967 79 342.452068 242.374538 342.452068"></polygon>
  </svg>
</button>

我没有收到这个错误。如何将事件正确地附加到div元素？

顶部缺少此项，请将其放置在标记之后，以获得顶部位置

<button class="scroller" on="tap:description.scrollTo(duration=500, position=top)">
  <svg id="svg-icon-scroller" width="574px" height="574px" viewBox="0 0 574 574" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <polygon fill="#FFFFFF" points="242.230044 0 344.159764 0 344.159764 342.046041 495.160004 342.046041 292.832713 573.99967 79 342.452068 242.374538 342.452068"></polygon>
  </svg>
</button>