网站的可嵌入覆盖聊天

Question

我想创建可嵌入的 HTML/JS 代码来为网站添加聊天功能。

最好，聊天应该 "overlaid" 在网站的其余部分（如 facebook/google 视频群聊聊天框）。

我知道 QuickBlox：它在 javascript 中提供了聊天功能，但我必须手写 UI 代码。

即使是关于如何完成它的一些指示也非常感谢。

编辑:

我找到了如下服务：zopim, zoho chat 和其他。这似乎很常见。是否有提供此类服务的图书馆（如 github）？

编辑：

我想实现多个聊天框。我找不到开箱即用的解决方案，但我正在考虑将 QuickBlox 的后端与一些 javascript （jQuery 可能）前端结合起来与 QuickBlox 库进行通信. 这些中的任何一个有用吗？或者其他任何我可以自己制作的东西。

Answer 1

考虑到 非常 可以使用 CSS 轻松实现这一事实，并且您可能无论如何都想设置框的样式，我不建议在这里使用外部的东西。您只需要将包含的 div 设置为 position: fixed 然后您可以控制它出现的位置 bottom: 0 和 right: 0 例如将它放在右下角。然后给它一个 z-index: 100 例如，你就完成了一个基本的覆盖。