[发明专利]一种页面处理方法和装置

说明书

本发明公开了一种页面处理方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：获取页面的滑动指令，其中，页面包括第一展示区域和第二展示区域，第一展示区域和第二展示区域分别由第一视图组件和第二视图组件控制，第一视图组件与所述第二视图组件之间存在嵌套关系，滑动指令包括页面的滑动方向和理论滑动距离；响应于预设的第一滑动响应条件，根据滑动方向，通过第一视图组件控制第一展示区域更新；响应于第一视图组件满足停止控制条件且页面的实际滑动距离小于理论滑动距离，通过第二视图组件接续控制第二展示区域更新。该实施方式能够使页面中的不同展示区域之间平滑切换，避免页面滑动过程中出现卡顿现象，以提高用户体验。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面处理方法和装置。

背景技术

目前为了增强页面的使用性，往往为页面配置多个展示区域，在不同展示区域展示不同的内容。比如，在电商购物网站中的购物页、商品详情展示页、支付页、购物车页等，除了设置有基本功能展示区域，还会增加其他附加展示区域(如商品推荐展示区域、商品精选展示区域等)。在现有技术中，主要通过不同框架维护不同的展示区域。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

现有通过不同框架维护页面的不同展示区域的方式，会导致不同展示区域之间切换过程出现卡顿现象，影响用户体验。

发明内容

有鉴于此，本发明实施例提供一种页面处理方法和装置，能够使页面中的不同展示区域之间平滑切换，避免页面滑动过程中出现卡顿现象，以提高用户体验。

为实现上述目的，根据本发明实施例的一个方面，提供了一种页面处理方法，包括：

获取页面的滑动指令，其中，所述页面包括第一展示区域以及第二展示区域，所述第一展示区域由第一视图组件控制，所述第二展示区域由第二视图组件控制，所述第一视图组件与所述第二视图组件之间存在嵌套关系，所述滑动指令包括页面的滑动方向和理论滑动距离；

响应于预设的第一滑动响应条件，根据所述滑动方向，通过所述第一视图组件控制所述第一展示区域，以使所述第一展示区域中的展示内容更新；

响应于所述第一视图组件满足停止控制条件且所述页面的实际滑动距离小于所述理论滑动距离，根据所述滑动方向，通过所述第二视图组件接续控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。

优选地，

所述第一滑动响应条件包括：

所述第二展示区域中的导航栏未位于所述页面所处的显示屏幕的目标区域；

或者，

所述第二展示区域不存在待展示内容；

或者，

所述第二展示区域的所有待展示内容进入所述第二展示区域的方向与所述滑动方向相反。

优选地，页面处理方法，还包括：

针对所述第二视图组件嵌套于所述第一视图组件的情况，

响应于预设的第二滑动响应条件，根据所述滑动方向，通过所述第二视图组件控制所述第二展示区域，以使所述第二展示区域中的展示内容更新。

优选地，所述第二滑动响应条件，包括：

所述第二展示区域中的导航栏位于显示屏幕的目标区域，且所述第二展示区域的待展示内容进入显示屏幕的方向与所述滑动方向相同。

优选地，

针对所述第二展示区域中的导航栏包括多个导航选项，所述多个导航选项分别对应不同类别的展示内容，