AMP HTML - постоянное увольнение баннера в AMP?

Question

Я использую тему gohugo-amp в приложении hugo. В заголовке у меня есть баннер, который я хочу удалить по клику и сохранить сохраненное состояние.

я пытался <a class="page-banner__close" on="tap:page-banner.hide">X</a> однако баннер возвращается, когда страница обновляется.

Я также пытался использовать <amp-user-notification> тег. Но <amp-user-notification> исправляет баннер в нижнем колонтитуле.

Есть ли способ поместить запрещенный баннер в заголовок и сохранить это отклоненное состояние, чтобы оно не возвращалось при обновлении??

Answer 1

Вы можете стилизовать amp-user-notifcation Компонент, который нужно поместить вверху, добавив его в свой CSS:

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