最新下载
梦幻水族馆
少女前线
星之翼
小花仙精灵乐园
餐厅萌物语
山河旅探
恋与制作人
最强大脑3
异尘:达米拉
少年西游记2
24小时阅读排行榜
- 1 Dead Rising Deluxe Remaster: How to take 1,000 PP humorous shot for Kent's photo challenge
- 2 Objects in JavaScript
- 3 Top Free APIs You Should Know
- 4 Scaling Node.js with the Cluster Module
- 5 How to synchronize your contacts with your phone? Implemeting CardDAV in Go!
- 6 New Values and Functions in CSS
- 7 EchoAPI vs Insomnia: A Comprehensive Comparison with Practical Examples
- 8 Dead Rising Deluxe Remaster shortcut guide: how to unlock Wonderland and Tunnels shortcut
- 9 Introducing JDK Java Developer&#s Ultimate Upgrade with Advanced AI Enhancements
- 10 Dead Rising Deluxe Remaster: All Survivors and where to find them
- 11 Tips for testing queued jobs in Laravel
- 12 Ripple-Associated Wallet Moves 100 Million XRP Amid Legal Heat
- 13 Bitcoin (BTC) Price Crosses $62,000 as 88% of HODLers Sit on Paper Profits
- 14 How to Fix Tailwind CSS Not Working in Next.js
- 15 Meme Coin Market Heats Up as Dogecoin (DOGE), Shiba Inu (SHIB), and Popcat (POPCAT) Rally
最新教程
-
- 国外Web开发全栈课程全集
- 1352 2024-04-24
-
- Go语言实战之 GraphQL
- 1637 2024-04-19
-
- 550W粉丝大佬手把手从零学JavaScript
- 3054 2024-04-18
-
- python大神Mosh,零基础小白6小时完全入门
- 2581 2024-04-10
-
- MySQL 初学入门(mosh老师)
- 1530 2024-04-07
-
- Mock.js | Axios.js | Json | Ajax--十天精品课堂
- 2382 2024-03-29
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);
}
}