웹 사이트에 삽입 가능한 오버레이 채팅

Question

웹 사이트에 채팅 기능을 추가 할 수있는 삽입 가능한 HTML/JS 코드를 만들고 싶습니다.

채팅은 웹 사이트의 다른 부분 (예 : facebook/google 행 아웃 채팅방)에 "겹쳐서 표시"되어야합니다.

저는 QuickBlox을 알고 있습니다. 자바 스크립트에서 채팅 기능을 제공하지만 수동으로 UI 코드를 작성해야합니다.

끝내는 방법에 대한 몇 가지 지침조차도 대단히 감사하겠습니다.

편집 : zopim, zoho chat 등 : 내가 좋아하는 서비스를 발견

. 꽤 흔한 것 같습니다. 그런 서비스를위한 라이브러리가 있습니까 (github과 같은)?

편집 : 내가 여러 대화 상자를 구현하려는

. 밖으로 상자 솔루션을 찾을 수 없습니다. 그러나 QuickBlox 라이브러리와 통신 할 수있는 일부 자바 스크립트 (jQuery 아마) 프런트 엔드 QuickBlox 백엔드 결합 할 생각입니다. these 중 하나가 유용합니까? 또는 내가 직접 만들 수있는 다른 것.

Answer 1

이것은 매우입니다. CSS로 쉽게 처리 할 수 ​​있으며 어쨌든 상자의 스타일을 지정하고 싶다면 여기에 외부 사용을 권장하지 않습니다. 포함하는 div를 position: fixed으로 설정하고 bottom: 0 및 right: 0과 함께 나타나는 위치를 제어하여 예를 들어 오른쪽 하단에 배치 할 수 있습니다. 그런 다음 예를 들어 z-index: 100으로 지정하면 기본 오버레이가 완료됩니다.