☀【插件】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 ...
随机推荐
- C++结构体对象数组的二进制方式读写
以一个学生信息的结构体数组为例. #include<iostream>#include<string>#include<fstream>using namespac ...
- PHOTOSHOP 半透明方格
1.新建60*60的透明文档,在左方和上方用直线工具画白边,存储为图案(编辑/定义图案) 2.新建图层,用油漆桶填充图案 3. 选择若干小方格,填充白色后设置不透明度50%
- Javascript 中 null、NaN和undefined的区别
1.类型分析: js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型. 代码 var a1; var a2 = tr ...
- 在linux下安装memcacheq
#!/bin/bash mkdir ~/build cd ~/build wget http://download.oracle.com/berkeley-db/db-5.1.19.tar.gz .t ...
- redis 安装注意事项
redis安装 1.redis 安装 官网地址:http://redis.io/download $ wget http://download.redis.io/releases/redis-3.0. ...
- VC++对话框中添加状态栏的方法
方法一:1.添加成员变量CStatusBarCtrl m_StatusBar;2.在OnInitDialog()中加入: m_StatusBar.Create(WS_ ...
- python通过webservice连接cmdbuild
cmdbuild的部署可以查看文章:http://20988902.blog.51cto.com/805922/1541289 部署成功后,访问http://192.168.1.1:8080/cmdb ...
- OFBiz进阶之HelloWorld(一)创建热部署模块
创建热部署模块 参考文档 https://cwiki.apache.org/confluence/display/OFBIZ/OFBiz+Tutorial+-+A+Beginners+Developm ...
- MVC-Html.Label(TextBox、TextArea、RadioButton、CheckBox)
红色表示可选参数. @Html.Label("name", "value", new { @class = "class", @style ...
- 网络请求 post 的接受请求头的代理方法
接收响应头 content-Length content-Type - (void)connection:(NSURLConnection *)connection didReceiveRespons ...