二、初始化
(1)html结构：
<div class="wrapper">
只能让第一个子元素滚动
<div>
可放入多个子元素
</div>
</div>
（2）css: 外层盒子是定高的
<1>直接给定一个高度
<2>在移动端，如果需要滚动，且需要高度全屏
position: absolute (定位父元素是body)
top:0
bottom:0
(3) 引入iscroll.js
var myscroll = new IScroll(".wrapper")
三、自定义配置
var myscroll = new IScroll(".wrapper"，{
scrollX: true, //能够水平滚动
scrollY： false , //在水平滚动时，禁止垂直滚动
snap: "li" // snap: true
click: true,
//如果希望监听滚动事件，则不能引入iscroll.js,
而需要引入iscroll-probe.js, 同时结合 probeType属性
probeType: 3 // 也可以是1,2
})
四、iscroll实例支持的事件
myscroll.on("scroll",function(){})
myscroll.on("scrollStart",function(){})
myscroll.on("scrollEnd",function(){})
myscroll.on("refresh",function(){})
五、iscoll实例的常用属性
1. this.currentPage.pageX
2. this.currentPage.pageY
3. this.currentPage.x
4. this.currentPage.y
5. this.x
6. this.y
六、实例的方法
1.myscroll.refresh() //非常重要的方法，在数据更新后，一定要调用一次该方法
2. myscroll.scrollTo()
3. myscroll.scrollBy()
3. myscroll.goToPage()
put id="demo1" type="text" readonly="" name="input_area" placeholder="城市选择特效"/>将样式文件引入到页面中：
<link rel="stylesheet" href="css/common/lArea.css">
同时引入js文件到页面中：
<script src="lArea.js"></script>
初始化插件：
var area = new lArea()
area.init({
'trigger': '#demo1',//控件I
Swiper很不错呀，Swiper是目前应用较广泛的一款移动端网站图片切换插件。而且Swiper中文网还提供Swiper的在线演示和中文教程，很好上手http://www.swiper.com.cn/demo/index.html
