☀【插件】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 ...
随机推荐
- HDOJ1005 数列
Problem Description A number sequence is defined as follows:f(1) = 1, f(2) = 1, f(n) = (A * f(n - 1) ...
- 使用XmlPullParser对xml进行读取
XML文件是一种标记性语言;在开发中经常在接口交互时被用作报文传输或者把自定义的类序列化为XML的形式存储到数据库.正因为XML文件这么常用,使用JAVA对XML文件进行读写操作是每一个开发人员必须掌 ...
- 【HeadFirst设计模式】12.复合模式
定义: 复合模式结合两个或以上的模式,组成一个解决方案,解决一再发生的一般性问题. 要点: MVC模式是复合模式,结合了观察者模式.策略模式和组合模式. 模型使用了观察者模式,以便观察者更新,同时保存 ...
- Linux查找软件的安装路径
软件安装的路径可能不止一个,可以使用whereis命令查看软件安装的所有路径,以mysql为例: whereis mysql 该命令会返回软件的所有安装路径: mysql: /usr/bin/mysq ...
- C#微信登录-电脑版扫描二维码登录
像京东,一号店等网站都实现了用微信来登录的功能,就是用手机上的微信扫一扫网站上的二维码,微信上确认后,即可自动用微信的帐号登录网站. 一.创建网站应用 在微信开放平台创建一个网站应用 https:// ...
- 如何使用Promise
在说Promise之前,不得不说一下JavaScript的嵌套的回调函数 在JavaScript语言中,无论是写浏览器端的各种事件处理回调.ajax回调,还是写Node.js上的业务逻辑,不得不面对的 ...
- tomcat session思考
最近在做统计服务器在线人数时,按照当前服务器session数量来实现,具体方法:实现HttpSessionListener接口来,每次sessionCreate的时候增加1,sessionDestro ...
- Asynchronous socket communication
来源:http://www.codeproject.com/Articles/1608/Asynchronous-socket-communication 本地下载 Download source f ...
- Ext.QuickTips.init();
在Extjs的组件需要提示框时往往需要此语句. 首先,Ext.QuickTips是什么? 在Ext JS 4.2.0 的API中可以查到,注意在其他的Extjs版本以下查不到,这是因为在其他版本Ext ...
- python:UnicodeDecodeError: ‘ascii’ codec can’t decode byte 0xef in position xxx: ordinal not in range(128)
执行sql_cmd = "select * from item_base where item_id in " + item_ids_str时报错 solve: import sy ...