[发明专利]一种页面内容的加载方法和装置

说明书

本申请实施例提供了一种页面内容的加载方法和装置，所述方法包括：检测到用户对当前页面的下拉操作时，对所述当前页面的滚动容器进行翻转操作；响应对翻转前滚动容器所在页面的下拉操作，确定当前下拉操作为针对翻转后滚动容器的上拉操作，以及获取未展示在当前页面的目标页面内容；在所述翻转后的滚动容器的底部加载并展示所述目标页面内容。通过旋转容器后的上拉加载方式实现对下拉加载方式的模拟，以便在基于下拉操作时能够按照上拉加载方式，将下一页内容直接拼接到滚动容器的底部拉取数据，保证下拉加载方式获得与上拉加载方式类似的体验，在不需要额外实时记录滚动容器位置信息的情况下，实现无闪动、不卡顿以及能够自然展示所拉取的页面内容。

技术领域

本申请涉及计算机技术领域，特别是涉及一种页面内容的加载方法和一种页面内容的加载装置。

背景技术

通常采用网页对页面内容进行展现，在所需要展现的页面内容数据量过大时，将会页面的卡顿，此时可以将所要展现的页面内容数据以分页的形式展现。其中，传统的分页形式展现需要用户手动点击下一页加载页面内容，其所带来的分页效果并不好，大部分网页采用的是无限分页的模式。

针对无限分页模式的页面内容加载，基于用户自上而下的浏览习惯，常规的分页内容浏览交互方式主要是通过上拉当前页面，控制网页视图窗口到达页面内容的底部，自动加载下一页的页面内容，下一页的页面内容可以直接拼接在滚动容器底部；但在某些部分服务，例如聊天场景中需要通过下拉当前页面以加载更多内容，然而这种下拉加载内容的交互方式，在实现上需要触发两次刷新，可能造成页面内容在下拉加载的过程中出现页面闪动的问题。

发明内容

鉴于上述问题，提出了本申请实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种页面内容的加载方法和相应的一种页面内容的加载装置。

本申请实施例公开了一种页面内容的加载方法，所述方法包括：

检测到用户对当前页面的下拉操作时，对所述当前页面的滚动容器进行翻转操作；

响应对翻转前滚动容器所在页面的下拉操作，确定当前下拉操作为针对翻转后滚动容器的上拉操作，以及获取未展示在当前页面的目标页面内容；

在所述翻转后的滚动容器的底部加载并展示所述目标页面内容。

可选地，在所述对所述当前页面的滚动容器进行翻转操作之前，还包括：

对所述滚动容器中的原有页面内容按照倒向顺序进行排序；

所述滚动容器内部具有滚动条；所述对所述当前页面的滚动容器进行翻转操作，包括：

获取所述滚动容器的顶部位置以及基于所述下拉操作后所述滚动条的滚动位置；

根据所述顶部位置和所述滚动条的滚动位置确定滚动距离；

在所述滚动距离满足触发所述滚动容器翻转的预设位置高度时，对所述滚动容器进行翻转操作，以使所述滚动容器处于翻转状态。

可选地，所述滚动容器内部具有文档流，所述对所述滚动容器进行翻转操作，还包括：

设置所述滚动容器的文档流按照从右至左进行排版。

可选地，所述滚动容器内部具有文档流，所述文档流包括在所述滚动容器中多个子节点的文档流，所述对所述滚动容器进行翻转操作，还包括：

获取在各个子节点的文档流中存在的展示在当前页面的原有页面内容和未展示在当前页面的目标页面内容；

对在所述滚动容器中展示在当前页面的原有页面内容和未展示在当前页面的目标页面内容按照从左到右的正向顺序进行排序。

可选地，所述获取未展示在当前页面的目标页面内容，包括：