Question

我在HTML的HEAD部分上方添加了Messenger插件脚本和DIV。

该插件无法按照https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin#steps

中的描述运行

无法关闭文本提示框。对于移动设备，插件默认不会隐藏。该属性似乎也不起作用。有什么想法吗？

Answer 1

我刚刚找到了解决方法：

<style>
    .fb_customer_chat_bounce_out_v2 { animation-fill-mode: forwards; display: unset !important; }
    .fb_customer_chat_bounce_in_v2 { display: unset !important; }
    .fb_iframe_widget iframe { display: none; }
</style>

这对我有用。

Answer 2

在Facebook修复此错误之前，您可以通过在其.fb_customer_chat_bounce_out_v2类中添加display：none来暂时解决此问题：

.fb_customer_chat_bounce_out_v2 { display: none; }

Answer 3

如果你选择左方向所以你可以添加这个css

<style>
    @keyframes fb_bounce_in_from_right {
        0% {
            opacity: 0;
            transform: scale(0, 0);
            transform-origin: bottom left
        }
        50% {
            transform: scale(1.03, 1.03);
            transform-origin: bottom left
        }
        100% {
            opacity: 1;
            transform: scale(1, 1);
            transform-origin: bottom left
        }
    }
    @keyframes fb_bounce_out_from_right {
        0% {
            opacity: 1;
            transform: scale(1, 1);
            transform-origin: bottom left
        }
        100% {
            opacity: 0;
            transform: scale(0, 0);
            transform-origin: bottom left
        }
    }
</style>

Facebook Messenger插件无法关闭

3 个答案: