最新下载
24小时阅读排行榜
- 1 html中如何填充_HTML表单/元素(input/textarea)内容填充方法
- 2 css过渡与边框border变化结合
- 3 mysql输入正确密码连接不上怎么办
- 4 使用VSCode的Bookmarks插件管理代码书签
- 5 qq浏览器账号被盗了怎么找回_qq浏览器账号安全找回步骤
- 6 AO3官方网址导航_中文版网页直接进入
- 7 sublime怎么配置python的linter_sublime设置Python代码检查教程
- 8 如何在CSS Grid中实现响应式图片列表_网格布局与媒体查询结合
- 9 vscode同步插件支持哪些平台_vscode同步插件兼容平台介绍与说明
- 10 vscode怎么用git推送标签_vscode将git标签推送到远程仓库的方法
- 11 ES6+新特性在现代化项目中的实践应用
- 12 苹果14 Pro如何清理App缓存_iPhone 14 Pro App缓存清理教程
- 13 夸克网页版下载入口 夸克网盘网页版文件下载教程
- 14 如何禁止mysql开机自启
- 15 Windows安装到“准备就绪”界面卡很久怎么办?
最新教程
-
- Node.js 教程
- 7103 2025-08-28
-
- CSS3 教程
- 1008538 2025-08-27
-
- Rust 教程
- 11263 2025-08-27
-
- Vue 教程
- 13508 2025-08-22
-
- PostgreSQL 教程
- 10356 2025-08-21
-
- Git 教程
- 5052 2025-08-21
jQuery响应式聊天窗口界面特效是一款支持响应式布局,支持用户分组,聊天窗口支持图片上传和表情发布。
screenFuc();
function screenFuc() {
var topHeight = $(".chatBox-head").innerHeight();//聊天头部高度
//屏幕小于768px时候,布局change
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);
} else {
$(".chatBox-info").css("height", 495);
$(".chatBox-content").css("height", 448);
$(".chatBox-content-demo").css("height", 448);
$(".chatBox-list").css("height", 495);
$(".chatBox-kuang").css("height", 495);
$(".div-textarea").css("width", 260);
}
}

