Question

我试图在amp中使用amp-user-notification标签创建一个cookie横幅，但没有默认位置（固定为！important），因为我想向下推页面站点并在其上添加延迟。因此，我在div容器中添加了amp标签：

<div id="cookie" class="cookie-container" [class]="visible ? '' : 'hide'">
            <amp-user-notification id="my-notification" class="cookie" layout="nodisplay">
                <div class="cookie-text">
                    <p class="cc_message">
                        This website uses cookies to ensure you get the best experience on our website
                        <a class="cc_more_info" href="/privacy-policy/">More info</a>
                    </p>
                    <button on="tap:my-notification.dismiss,AMP.setState({visible: !visible})" class="cc_btn cc_btn_accept_all">Got it!</button>
            </div>
            </amp-user-notification>
        </div>

我找不到任何解决方法，可以在此横幅上添加动画以使其出现并在2秒后将网站下推。另外，我不知道如何检查放大器是否在没有JavaScript的情况下在本地存储中设置了Cookie（至少是黑客），因为即使我单击了接受按钮，如果刷新它，div容器仍会显示但为空。

我的问题有解决办法吗？

AMP（加速移动页面）的Cookie横幅上的动画

0 个答案: