☀【插件】iScroll
iScroll 4.2.5 中文API √
http://www.gafish.net/api/iScroll.html
-webkit-overflow-scrolling: touch
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<title></title>
<style>
#head {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40px;
background: #F00;
}
#body {
position: absolute;
top: 40px;
left: 0;
bottom: 40px;
width: 100%;
background: #FF0; overflow: auto;
-webkit-overflow-scrolling: touch;
}
#foot {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
background: #F00;
}
</style>
</head>
<body>
<div id="head"></div>
<div id="body">
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
<p>如果丘处机没有路过牛家村，中国将是最发达国家</p>
</div>
<div id="foot"></div>
</body>
</html>
☀【插件】iScroll的更多相关文章
- 文字环绕和两栏自适应以及区域滚动插件iscroll.js
一.文字环绕效果:使用浮动 <div class="boxleft"></div> 我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字我是一段文字 ...
- jquery——移动端滚动条插件iScroll.js
官网:http://cubiq.org/iscroll-5 demo: 滚动刷新:http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/ ...
- 前端插件--isCroll的使用
中文文档地址: http://wiki.jikexueyuan.com/project/iscroll-5/ 效果图: <!DOCTYPE html> <html lang=&quo ...
- 移动设备web开发插件iScroll的使用详解
地址:http://blog.nnnv.cn/index.php/archives/65
- Swiper+ ejs模板引擎+ iScroll插件知识总结
一. Swiper swiper是一个应用于移动端的动画插件,原理类似于轮播图 官网 http://www.swiper.com.cn/# html结构 <div class="swi ...
- iscroll
在原生APP的开发中,有一个常见的功能,就是下拉刷新的功能,这个想必大家都是知道的,但是原生APP的开发,有一个很大的问题就是,你每次更新一些功能,就要用户重新下载一次版本,尤其是在iOS系统中,新版 ...
- Jquery插件收集
移动端滚动条插件iScroll.js http://www.cnblogs.com/starof/p/5215845.html http://www.codeceo.com/article/35-jq ...
- iScroll 4.2.5 中文API
概况 资料来源 http://cubiq.org/iscroll-4 http://www.cnblogs.com/wanghun/archive/2012/10/17/2727416.html ht ...
- 小技巧css解决移动端ios不兼容position:fixed属性，无需插件
移动端开发仿app头部底部固定设置position:fixed,android2.2以上已经实现.但是在ios8以下系统,当小键盘激活时,都会出现位置浮动问题.如图: 如何解决: 查阅资料之后想到一下 ...
- iScroll框架解析——Android 设备页面内 div（容器，非页面）overflow:scroll; 失效解决（转）
移动平台的活,兼容问题超多,今儿又遇到一个.客户要求在弹出层容器内显示内容,但内容条数过多,容器显示滚动条.按说是So easy,容器设死宽.高,CSS加属性 overflow:scroll; -we ...
随机推荐
- UVA - 572 Oil Deposits（dfs）
题意:求连通块个数. 分析:dfs. #include<cstdio> #include<cstring> #include<cstdlib> #include&l ...
- HTML5新增标签属性
----- 新类型表单 - email 自动校验输入的是不否是email 邮箱:<input type="email" name="user_email" ...
- Windows Phone 动态改变ListBox样式
使用ListBox时通常会借助ItemTemplate帮助我们实现更复杂多样的样式显示,体现了Xaml的灵活.如何动态改变变ListBox的样式,实现类似电脑资源管理器中列表显示和图标显示形式的替换. ...
- W3C盒子与IE盒子模型
盒模型: 内容(content).填充(padding).边界(margin). 边框(border) IE的content部分把 border 和 padding计算了进去 例:一个盒子的 marg ...
- 通过LDF文件实现日志回滚将数据恢复(转）
该方法数据库恢复(www.db-recovery.com)思路 1. 创建数据TEST 2. 创建表TEMP_01 3. 在表TEMP_01中插入100条数据 4. 备份现有的数据库 5. 再次向表T ...
- 面试题(C#算法编程题)
1>用C#写一段选择排序算法,要求用自己的编程风格.答:private int min; public void xuanZhe(int[] list)//选择排序 { ...
- php 中文字符串首字母的获取函数
这篇文章介绍了php 中文字符串首字母的获取函数,有需要的朋友可以参考一下 function chineseFirst($str) { $str= iconv("UTF-8",&q ...
- 解决IE 下div与img重叠无法触发鼠标事件的问题
在IE下当我想在img标签上层显示一个div元素时,此时如果该div的background为空白(没有设置图片.或者颜色填充),会导致该div的鼠标事件失效:如果设置border为1px solid ...
- 即时Web通信总结
即时Web通信在一些对数据实时性要求特别严格的应用中十分重要,如监控系统.报价系统.股票交易系统和即时在线聊天应用等,由于http协议设计当初是为了服务器端响应客户端的请求而设计的,只能在客户端主动发 ...
- OpenDialog获取文件名
//OpenDialog获取文件 procedure TForm2.Button1Click(Sender: TObject); begin File_Path:=''; if OpenDialog1 ...