2017-03-10 5 views
0

私はhugoアプリでgohugo-ampテーマを使用しています。ヘッダーには、私はクリックを却下し、解雇された状態を保存するバナーがあります。AMP HTML - AMPのバナーの永続的な解除?

私は試みました<a class="page-banner__close" on="tap:page-banner.hide">X</a>ただし、ページを更新するとバナーが戻ります。

私も<amp-user-notification>タグを使って試しました。しかし<amp-user-notification>はフッターのバナーを修正します。

ヘッダーに破棄可能なバナーを置いて、リフレッシュしても返されないように破棄された状態を保存する方法はありますか?

答えて

2

あなたのCSSにこれを追加することにより、最上部に配置されるamp-user-notifcationコンポーネントのスタイルを設定することができます

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

感謝を!これは私の開発ツールでは完全に動作します。私のCSSではそれほど多くはありません。私は今それを理解することができるはずです。 – casey

+0

調整の優先度を上げるには、カスタムルール/ IDを追加する必要があります。 –

+0

IDとクラスを追加しました。私たちは他のすべてのためだけにクラスを使用しているので、それはまだ奇妙ですそれは動作しません。 – casey

関連する問題