st-lazyload-list:Sencha touch 无限列表与延迟加载图像

时间:2024-06-22 14:00:01
【文件属性】:

文件名称:st-lazyload-list:Sencha touch 无限列表与延迟加载图像

文件大小:7.72MB

文件格式:ZIP

更新时间:2024-06-22 14:00:01

JavaScript

Sencha touch 无限延迟加载列表 问题 使用 Sencha Touch,当您尝试加载一长串带有图像(可变高度)的项目时,加载所有图像需要时间。 因此,一开始,滚动时会出现滞后(加载完成之前) Sencha Touch 2.1 通过为列表添加“无限”来提供帮助。 这将帮助您仅在视口中渲染所需的项目。 但是,使用 'infinite:true',如果未加载图像,您的列表项高度可能是错误的。 延迟加载图片 通过结合 Sencha Touch 列表的无限特性和固定图片的容器,我们可以使用无限来让它正确加载。 请注意,这意味着您需要从服务器传回宽度和高度(或高度/宽度之比) 样本数据: [ { src : 'http://lorempixel.com/400/200/sports/' , width : 400 , height : 200 } , { src :


网友评论