Agile Lite使用IScroll5使用建议(附中文手册)

nandy007
   2015-06-18 09:11:12发布 1收藏, 10212浏览
WebAPP技术
0

由于Agile Lite中部分组件使用了IScroll5,比如scroll组件、refresh组件、slider组件等,所以对于IScroll的使用还是需要小伙伴们能够有一定的了解。
这里跟大家分享一份虽然内容很少,但是直指IScroll使用要害的文档。
建议使用Agile Lite或者使用IScroll5的童鞋能够耐心看一下,一定会有帮助的。


iScroll5中文API.pdf(0.30M 下载次数:688)

其中有两个特别需要注意的:

1、IScroll必须满足三层dom结构,即wrapper、scroller再到具体的显示区域,这三层结构不可缺少,否则可能会导致滚动失效

2、特别需要注意是的IScroll中对refresh的使用。
IScroll是在初始化的时候就划定滚动区域的,如果IScroll的滚动区域内的dom结构改变,导致实际内容区域大小改变了(比如内部改了innerHTML、append、height等操作),但IScroll滚动区域的大小是不会改变的,这样就会导致部分内容可能会显示不出来,所以一旦dom结构改变导致了区域大小改变的时候就需要调用IScroll的refresh方法刷新滚动区域大小,确保滚动内容可以完整显示。
特别的,img的src其实是异步的,webkit是无法事先知道图片的大小的,所以一般img建议设置大小(至少设置高度),以固定图片大小区域,如果确实无法写死大小,可以使用懒人加载图片。
另外,Agile Lite的数据注入懒人加载完毕都会主动刷新滚动区域,所以如果使用一套Agile Lite方案可以减少手动刷新滚动区域。

下载APP
扫码下载栗子社区APP