jQuery 반응형 채팅 창 인터페이스 효과

jQuery 반응형 채팅 창 인터페이스 특수 효과는 반응형 레이아웃과 사용자 그룹화를 지원합니다. 채팅 창은 이미지 업로드 및 이모티콘 게시를 지원합니다.

screenFuc();
함수 screenFuc() {
    var topHeight = $(".chatBox-head").innerHeight();//채팅 헤드 높이
//화면이 768px보다 작을 경우 레이아웃이 변경됩니다
var winWidth = $(window).innerWidth();
            if (winWidth <= 768) {
          var totalHeight = $(window).height() //페이지의 전체 높이
                $(".chatBox-info").css("height", totalHeight - topHeight);
          var infoHeight = $(".chatBox-info").innerHeight();//채팅 헤드 아래 높이
​ ​ ​ //중간 내용의 높이
​ ​ ​ $(".chatBox-content").css("height", infoHeight - 46);
               $(".chatBox-content-demo").css("height", infoHeight - 46);

               $(".chatBox-list").css("height", totalHeight - topHeight);
               $(".chatBox-kuang").css("height", totalHeight - topHeight);
               $(".div-textarea").css("width", winWidth - 106);
        } 그 외 {
               $(".chatBox-info").css("height", 495);
​ ​ ​ $(".chatBox-content").css("높이", 448);
​ ​ ​ $(".chatBox-content-demo").css("높이", 448);
               $(".chatBox-list").css("height", 495);
​ ​ ​ $(".chatBox-kuang").css("높이", 495);
​ ​ ​ $(".div-textarea").css("너비", 260);
        }
}