MVC实现类似QQ的网页聊天功能-ajax(下)
2015-11-23 17:44
357 查看
此篇文章主要是对MVC实现类似QQ的网页聊天功能(上)的部分代码的解释。
首先说一下显示框的滚动条置底的问题:
结构很简单一个大的div(高度一定、
滚动条置底效果:
其次说一下输入框:
输入框用的是
PS:以后有机会再详细说一下
首先说一下显示框的滚动条置底的问题:
结构很简单一个大的div(高度一定、
overflow:auto)包含着两个小的div第一个小的div放聊天信息,第二个
div(height:0px;overflow:hidden),当页面加载聊天内容时第二个小的div调用
scrollIntoView()方法即可将滚动条置底。
滚动条置底效果:
其次说一下输入框:
输入框用的是
KindEditor富文本编辑器插件,需要引入
kindeditor.js、
prettify.js、
zh-CN.js三个js文件和
default.css、
prettify.css两个样式文件,若想增加或减少编辑器的功能菜单就在
kindeditor.js文件下的
options中的
items中修改。
PS:以后有机会再详细说一下
KindEditor富文本编辑器的用法。
相关文章推荐
- 修改应用程序显示的名称 就是显示在屏幕程序图标下面的字
- 中文 iOS/Mac 开发博客列表
- HDU1494 跑跑卡丁车 --简单DP
- Linux中head,tail,wc的使用
- 使用Gson解析键名为中文的json字符串
- 正则表达式所有元字符及其使用方法一览表
- WebView输入框提示
- 01-SpringMVC-HelloWorld
- 节日(CCF试题)
- 第一篇博文
- 苹果开发 笔记(95)快捷方式
- Android Action广播大全,开机自启动的服务
- shell脚本中#!/bin/bash
- 并发与实例模式
- command模式
- BZOJ 2724: [Violet 6]蒲公英( 分块 )
- js 常用插件
- __get __set 实例
- SQLServer中跨库复制数据
- Wireshark实战分析之ARP协议(二)