Facebook Messenger插件不会关闭

Question

我在HTML的HEAD部分上方添加了信使插件脚本和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 修复此错误之前，您可以通过将 display： none 添加到他们的.fb_customer_chat_bounce_out_v2类中来暂时解决此问题：

.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>