☀【插件】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 ...
随机推荐
- Json操作
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- windows phone 网易云阅读hubtile效果实现
效果图 曾几何时,刚接触wp的时候做了一个类似的界面,不过是Rectangle实现的,还是一个个摆的..囧啊 现在感觉这种应该是用hubtile实现的,Toolkit(http://silverlig ...
- 修改ECSHOP，支持图片云存储化（分离到专用图片服务器）
为了提高页面加载速度和适应中国复杂的网络环境,我决定把所有商品图片都分离到专业的云存储服务器上,具有CDN加速功能. 首先,生成一个域名 img.xxxx.com 并映射到自己的云存储别名,然后把全部 ...
- grep线上环境精典案例后续
请执行命令取出 linux 中 eth0 的 IP 地址(请用 cut,有能力者也可分别用 awk,sed 命令答). 自己的方法: [root@nginx_back ~]# ifconfig eth ...
- bottle + vue.js 打造你的单页应用
看到各种单页应用之后,觉得单页应用简直酷毙了,作为一个技术宅,在假期的 时候恶补了一下vue ,觉得还不错,不过想想前端的东西毕竟还是太广博了.我也不知道怎么写反正应用起来有点别扭,就是资料太少了,成 ...
- C# Windows Service调用IBM Lotus Notes发送邮件
近日研究了下IBM Lotus Mail,这货果然是麻烦,由于公司策略,没有开放smtp,很多系统邮件都没有办法发送,于是入手google学习Lotus Mail,想做成Windows服务,提供wcf ...
- Git权威指南 读笔（3）
第九章 恢复进度: $ git stash list 显示存储的工作进度列表. $ git stash 保存当前的工作进度,分别对暂存区和工作区的状态进行保存. $ git stash pop [-- ...
- I2C总线模拟（郭天祥视屏）
电路图 思路 1.向EEPROM中通过I2C总线写入一个字节 2.通过I2C总线读出写入的字节 3.如果写入和读出成功点亮发光二极管 程序 #include <REGX51.H> #def ...
- js动态添加id
<script type="text/javascript"> function add_id(){ var dlall=document.getElementsByT ...
- 如何获取HttpServletResponse里面的内容
背景:在SPRING 框架之中, 有一个服务端需要提供多种形态的服务,这里的多种形态只是返回值得展示形式(其实 数据内在逻辑完全一样), 比如: 形式1: JSONP({“key1”: value ...