[发明专利]一种页面虚拟滚动方法、装置及设备有效

专利信息
申请号: 201911093024.5 申请日: 2019-11-11
公开(公告)号: CN110851058B 公开(公告)日: 2021-03-30
发明(设计)人: 蒋吉麟 申请(专利权)人: 支付宝(杭州)信息技术有限公司
主分类号: G06F3/0485 分类号: G06F3/0485;G06F3/0486;G06F9/451
代理公司: 北京晋德允升知识产权代理有限公司 11623 代理人: 王戈
地址: 310000 浙江省杭州市*** 国省代码: 浙江;33
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 页面 虚拟 滚动 方法 装置 设备
【权利要求书】:

1.一种页面虚拟滚动方法,包括:

获取用户对显示界面上的滚动条的拖拽操作;

确定所述拖拽操作的移动距离;

控制所述滚动条移动所述移动距离;

根据所述滚动条的位置确定对应所述滚动条显示的基准条目;

根据所述基准条目和所述显示界面的高度确定显示条目集合,所述显示条目集合包括所述基准条目;所述确定显示条目集合,具体包括:根据所述显示界面的高度确定显示条目集合的基准数量;根据所述基准数量以及所述滚动条的位置占所述滚动条的最大可滚动距离的位置百分比,确定第一数量和第二数量,所述第一数量是在所述显示界面上位于所述基准条目上方的预估条目数量,所述第二数量是在所述显示界面上位于所述基准条目下方的预估条目数量,其中,所述显示条目集合包括所述第一数量对应的各条目、所述基准条目和所述第二数量对应的各条目;

在所述显示界面上显示所述显示条目集合中的各条目。

2.如权利要求1所述的方法,所述根据所述滚动条的位置确定对应所述滚动条显示的基准条目,具体包括:

确定所述滚动条的位置占所述滚动条的最大可滚动距离的位置百分比;

根据所述位置百分比确定对应所述滚动条显示的基准条目,其中,所述基准条目在总条目集合中的序列号与所述位置百分比相关,所述总条目集合包括所述显示界面内的全部可显示条目。

3.如权利要求2所述的方法,所述确定所述滚动条的位置占所述滚动条的最大可滚动距离的位置百分比,具体包括:

确定所述滚动条的最大可滚动距离;

确定所述滚动条的位置坐标;

根据公式:位置百分比=位置坐标/最大可滚动距离,计算得到所述滚动条的位置占所述滚动条的最大可滚动距离的位置百分比。

4.如权利要求3所述的方法,所述确定所述滚动条的位置坐标,具体包括:

获取所述滚动条的坐标;

当所述坐标小于0时,确定所述滚动条的位置坐标为0;

当所述坐标大于所述最大可滚动距离时,确定所述滚动条的位置坐标为所述最大可滚动距离,其中,所述最大可滚动距离为所述总条目集合的预设高度与所述显示界面的高度的差值,所述总条目集合的预设高度为所述总条目集合的条目数量与单个条目的预设显示高度的乘积;

当所述坐标大于等于0且小于等于所述最大可滚动距离时,设置所述位置坐标为所述坐标。

5.如权利要求2所述的方法,所述根据所述位置百分比确定对应所述滚动条显示的基准条目,具体包括:

获取所述总条目集合的条目数量;

根据所述条目数量和所述位置百分比的乘积确定基准条目的序列号;

从所述总条目集合中确定与所述序列号对应的基准条目。

6.如权利要求1所述的方法,所述在所述显示界面上显示所述显示条目集合中的各条目,具体包括:

根据所述基准条目的序列号、所述总条目集合的条目数量和所述位置百分比确定所述基准条目的坐标;

分别获取所述第一数量对应的各条目的高度和所述第二数量对应的各条目的高度;

根据所述基准条目的坐标以及所述第一数量对应的各条目的高度确定起始条目的坐标;

根据所述基准条目的坐标以及所述第二数量对应的各条目的高度确定结束条目的坐标;

根据所述起始条目的坐标和所述结束条目的坐标对所述显示条目中的条目进行渲染。

7.如权利要求6所述的方法,所述根据所述基准条目的序列号、所述总条目集合的条目数量和所述位置百分比确定所述基准条目的坐标,具体包括:

根据所述基准条目的序列号、所述总条目集合的条目数量和所述位置百分比确定所述基准条目的偏移量;

根据所述滚动条的位置百分比、所述显示界面的高度、所述基准条目的高度和所述偏移量确定所述基准条目的顶部在所述显示界面的坐标。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于支付宝(杭州)信息技术有限公司,未经支付宝(杭州)信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201911093024.5/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top