AMP HTML -永久删除AMP中的横幅？

Question

我在一个hugo应用程序中使用gohugo-amp主题。在标题中，我有一个横幅，我想取消onclick并存储已取消的状态。

我已经尝试过<a class="page-banner__close" on="tap:page-banner.hide">X</a>，但是当页面刷新时，横幅就会返回。

我也尝试过使用<amp-user-notification>标签。但是<amp-user-notification>修复了页脚中的横幅。

有没有一种方法可以在标题中放置一个可删除的标语，并存储该删除状态，使其在刷新时不会返回？

Answer 1

您可以通过将以下内容添加到CSS来设置放置在顶部的amp-user-notifcation组件的样式：

amp-user-notification {
  top: 0;
  bottom: inherit;
}