找回密码
 立即注册
搜索

开发问题 大量数据展示——虚拟滚动

0
回复
1074
查看
[复制链接]

1

主题

1

帖子

10

积分

 楼主| 2021-4-15 21:05:21 显示全部楼层 |阅读模式

我需要实现一个pdf文件预览的功能,后端会把pdf每一页切成图片,快应用中使用list组件垂直排列。

当页数达到几十页时,会有较长的渲染时间。

已尝试过分页懒加载,但是当保存阅读位置后,下次进入,若向上记载上一页的数据,会出现明显的卡顿,以及页码跳跃的情况(比如当前是第5页的第一张图,每页5张图,加载第4页数据后,会重新渲染列表,当前页跳跃成第4页的第一张图,也就是突然往上跳跃了5张图)。

理想的方案是跟web中预览一样做成虚拟滚动,但是list组件似乎不支持设置滚动高度,采用div好像也不太可行,没有overflow属性,不能在指定高度的div里滚动数据。

求助!

请教大家快应用中实现虚拟滚动的方案,或者解决此业务场景的其他方案,感激不尽!

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册