Agilelite与iscroll

Agile Lite的组件与iScroll5由千丝万缕的关系,其中的scroll、refresh和slider组件均是通过IScroll5实现的(具体为其中的iscroll-probe.js细分类),所以这几个组件必须符合IScroll的三层架构,即wrapper、scroller、container三部分。

课件下载

开始学习并下载课件
课程小节

  • iscroll5简介

    iscroll是一个灵活的前端框架,体验流畅,功能强大,还有丰富的API支持。Agilelite和iscroll的结合也很紧密,使用也很方便。

  • iScroll5组件的刷新

    我们知道iScroll5实现区域的滚动不是使用系统自带的滚动条,而是自己去计算滚动区域来模拟滚动的。所以,用了iScroll5的Agile Lite组件必须要遵循iScroll5的刷新要求。

  • data-scroll属性

    Agilelite中初始化iscroll相关内容靠的是data-scroll属性,data-scroll有多个值可以选,本章节讲解data-scroll属性。

  • 周边控件

    Agilelite中,不只有data-scroll涉及到了iscroll,涉及到的还有图片轮播控件,日期选择控件,还有page左右滑动切换控件。

培训建议

有html,js和css基础,而且了解Agilelite

知识体系

课程信息

  •   课程难度: 中级
  •   课程时长: 120分钟
  •   学习人数: 115
未学习

前置课程