☀【插件】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++ Primer 的个人理解(十)
标准库没有给每个容器都定义成员函数来实现 查找,替换等操作.而是定义了一组泛型算法,他们可以用于不同类型的元素或多种容器类型. 迭代器令算法不依赖与容器 算法永远不会执行容器的操作 算法本身不会执行容 ...
- InstallShield 版本转换
InstallShield : 如何用低版本 打开高版本的工程 InstallShield 每个版本都有对应的版本号SchemaVersion,如下所示 InstallShield Versi ...
- MyBatis入门教程(基于Mybatis3.2)
MyBatis和Hibernate一样都是基于ORM的关系型数据库框架 ORM工具的基本思想: 1.从配置文件(通常是XML配置文件中)得到 sessionfactory. 2. 由sessionfa ...
- 关于使用工具类org.apache.commons.collections.ListUtils合并List的问题
今天在做项目时,需要将几个List进行合并,于是就用到了apache提供关于List操作的工具类ListUtils,但是在使用的过程中发现一些问题. public static void main(S ...
- 【HeadFirst设计模式】8.模板方法模式
模板方法 定义: 在一个方法中定义一个算法的骨架,而将一些步骤延迟到子类中.模板方法使用得子类可以在不改变算法结构的情况下,重新定义算法中的某些步骤. 策略模式: 定义一个算法家族,并让这些算法可以互 ...
- Linux 终端中常用的快捷键
1. 移动光标快捷键 ctrl+f 向前移动一个字符 ctrl+b 向后移动一个字符 alt+f 向前移动一个单词 alt+b 向后移动一个单词 ctrl+a 移动到当前行首 ctrl+e 移动到当前 ...
- PHP5.3后在本机运行很慢的解决方法
方法一:这是因为PHP 5.3在面对数据库配置信息中的“localhost”会犹豫,因此直接把这个地址改名为“127.0.0.1”,这个IP是IPv4下面的本地网络地址,实际作用和“localhost ...
- MVC文件上传 - 使用jquery异步上传并客户端验证类型和大小
本篇体验MVC上传文件,从表单上传过渡到jquery异步上传. MVC最基本的上传文件是通过form表单提交方式 □ 前台视图部分 <% using(Html.BeginForm("F ...
- 巧妙使用checkbox制作纯css动态导航栏
前提:很多时候.我们的网页都需要一个垂直的导航栏.可以分类.有分类.自然就有展开.关闭的功能.你还在使用jquery操作dom来制作吗?那你就out了! 方案:使用checkbox 的 checked ...
- poj 1904 King's Quest
King's Quest 题意:有N个王子和N个妹子;(1 <= N <= 2000)第i个王子喜欢Ki个妹子:(详见sample)题给一个完美匹配,即每一个王子和喜欢的一个妹子结婚:问每 ...