一种页面内容的加载方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN113868564A(43)申请公布日2021.12.31(21)申请号202111046764.0(22)申请日2021.09.06(71)申请人阿里巴巴（中国）有限公司地址310051浙江省杭州市滨江区长河街道网商路699号4号楼5楼508室(72)发明人陈小雅(74)专利代理机构北京润泽恒知识产权代理有限公司11319代理人赵娟(51)Int.Cl.G06F16/957(2019.01)权利要求书2页说明书15页附图5页(54)发明名称一种页面内容的加载方法和装置(57)摘要本申请实施例提供了一种页面内容的加载方法和装置，所述方法包括：检测到用户对当前页面的下拉操作时，对所述当前页面的滚动容器进行翻转操作；响应对翻转前滚动容器所在页面的下拉操作，确定当前下拉操作为针对翻转后滚动容器的上拉操作，以及获取未展示在当前页面的目标页面内容；在所述翻转后的滚动容器的底部加载并展示所述目标页面内容。通过旋转容器后的上拉加载方式实现对下拉加载方式的模拟，以便在基于下拉操作时能够按照上拉加载方式，将下一页内容直接拼接到滚动容器的底部拉取数据，保证下拉加载方式获得与上拉加载方式类似的体验，在不需要额外实时记录滚动容器位置信息的情况下，实现无闪动、不卡顿以及能够自然展示所拉取的页面内容。CN113868564ACN113868564A权利要求书1/2页1.一种页面内容的加载方法，其特征在于，所述方法包括：检测到用户对当前页面的下拉操作时，对所述当前页面的滚动容器进行翻转操作；响应对翻转前的滚动容器所在页面的下拉操作，确定当前下拉操作为针对翻转后滚动容器的上拉操作，以及获取未展示在当前页面的目标页面内容；在所述翻转后的滚动容器的底部加载并展示所述目标页面内容。2.根据权利要求1所述的方法，其特征在于，在所述对所述当前页面的滚动容器进行翻转操作之前，还包括：对所述滚动容器中的原有页面内容按照倒向顺序进行排序；所述滚动容器内部具有滚动条；所述对所述当前页面的滚动容器进行翻转操作，包括：获取所述滚动容器的顶部位置以及基于所述下拉操作后所述滚动条的滚动位置；根据所述顶部位置和所述滚动条的滚动位置确定滚动距离；在所述滚动距离满足触发所述滚动容器翻转的预设位置高度时，对所述滚动容器进行翻转操作，以使所述滚动容器处于翻转状态。3.根据权利要求1或2所述的方法，其特征在于，所述滚动容器内部具有文档流，对所述当前页面的滚动容器进行翻转操作，还包括：设置所述滚动容器的文档流按照从右至左进行排版。4.根据权利要求1或2所述的方法，其特征在于，所述滚动容器内部具有文档流，所述文档流包括在所述滚动容器中多个子节点的文档流，所述对所述滚动容器进行翻转操作，还包括：获取在各个子节点的文档流中存在的展示在当前页面的原有页面内容和未展示在当前页面的目标页面内容；对在所述滚动容器中展示在当前页面的原有页面内容和未展示在当前页面的目标页面内容按照从左到右的正向顺序进行排序。5.根据权利要求1所述的方法，其特征在于，所述获取未展示在当前页面的目标页面内容，包括：响应针对翻转后滚动容器的上拉操作，拉取当前页面未展示的目标页面内容。6.根据权利要求1或5所述的方法，其特征在于，所述对翻转前滚动容器所在页面的下拉操作包括向上的鼠标滚动操作；所述响应对当前翻转后滚动容器的页面的下拉操作，确定当前下拉操作为针对翻转后滚动容器的上拉操作，包括：获取所述翻转后滚动容器中的滚轮事件，改写所述滚轮事件以使针对所述向上的鼠标滚动操作为对翻转后滚动容器的上拉操作；所述改写所述滚轮事件，包括：在检测到对翻转前滚动容器所在页面向上的鼠标滚动操作时，改写所述滚轮事件的滚动方向为相对当前翻转后滚动容器所在页面向上的滚动位置方向。7.根据权利要求1所述的方法，其特征在于，所述在所述翻转后的滚动容器的底部加载并展示所述目标页面内容，包括：对所述目标页面内容按照倒向顺序进行排序以及翻转操作；在所述翻转后的滚动容器的底部拼接加载和展示进行倒向顺序排序与翻转操作后的目标页面内容。2CN113868564A权利要求书2/2页8.一种页面内容的加载装置，其特征在于，所述装置包括：滚动容器翻转模块，用于检测到用户对当前页面的下拉操作时，对所述当前页面的滚动容器进行翻转操作；目标页面内容获取模块，用于响应对翻转前滚动容器所在页面的下拉操作，确定当前下拉操作为针对翻转后滚动容器的上拉操作，以及获取未展示在当前页面的目标页面内容；目标页面内容加载模块，用于在所述翻转后的滚动容器的底部加载并展示所述目标页面内容。9.一种电子设备，其特征在于，包括：处理器、存储器及存储在所述存储器上并能够在所述处理器上运行的计算机程序，所述计算机程序被所述处理器执行时实现如权