iScroll 滚动 插件的简单使用

我们经常会 遇到这个一种 布局 , header 和 footer 是固定 的, 中间的 内容是可滚动的 , 在 iOS 中 直接 可能 用 table 控件来实现 , 但是 在H5中 我们 就很 尴尬了 , 要实现 一大堆的 样式 布局 , 不要 着急 , 历史上的定论, 越是 复杂的 情况 , 越是用 "大牛" 去 研究 , 这不 念介绍的 iScroll就是解决这种布局的 实践

.

下面就一起来看看这个插件的简单使用:

iScroll

一款实现上下 栏的 库
要点:

1.布局

    

        下拉刷新
        

            
数据
            
数据
        
        上拉加载
    

2.样式

3.相关 js

4.js设置 调用 iscroll

5.效果图

1)正常效果

正常效果

2)下拉刷新

下拉刷新

3)上拉加载

上拉加载