聊天室html布局,h5聊天室模板|仿微信聊天室html5

运用 html5 开发的仿微信聊天室实战项目weChatRoom，基于h5+css3+zepto+weui+wcPop+swiper等技术混合开发，整体采用flex布局模式，兼容适配各种手机屏幕，实现了消息、表情发送，动图gif，图片、视频预览，红包/打赏等功能。

// ...滚动聊天区底部

function wchat_ToBottom(){

//$(".wc__chatMsg-panel").animate({scrollTop: $("#J__chatMsgList").height()}, 0);

$(".wc__slimscroll2").slimscroll({

scrollBy: $("#J__chatMsgList").height(),

height: 'auto'

});

}

// ...表情、选择区切换

$(".wc__editor-panel").on("click", ".btn", function(){

var that = $(this);

$(".wc__choose-panel").show();

if (that.hasClass("btn-emotion")) {