针对网站的嵌入式叠加聊天

Question

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

优选地，聊天应该是＆＃34;重叠＆＃34;在网站的其余部分（如facebook / google Hangouts chatboxes）。

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

非常感谢有关如何完成任务的一些指示。

修改：

我找到了以下服务：zopim，zoho chat等。这似乎很常见。是否有这样的服务的库（如github）？

修改

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

Answer 1

考虑到这个非常很容易使用CSS，并且你可能想要设置盒子的样式，我不建议在这里使用外部的东西。您只需将包含的div设置为position: fixed，然后您就可以控制它显示在bottom: 0和right: 0的位置，例如将其放在右下角。然后给它一个z-index: 100例如你完成了一个基本的叠加。