[发明专利]详情页面展示方法、装置、设备及存储介质

权利要求书

1.一种详情页面展示方法，其特征在于，包括：

在初始详情页面的渲染及展示完成后，监听针对所述初始详情页面的滚动事件；

当监听到针对所述初始详情页面的滚动事件时，提取所述初始详情页面的页面内容；

根据所述页面内容创建tab页面，并将所述初始详情页面切换为所述tab页面；所述tab页面中包含按照设定顺序横向重叠排列的多个tab，每个tab包含tab标签及其对应的详情内容分块；

监听针对所述tab页面内的tab标签的点击事件；

当监听到针对所述tab页面内的tab标签的点击事件时，展示对应的详情内容分块。

2.如权利要求1所述的详情页面展示方法，其特征在于，所述根据所述详情内容创建tab页面，包括：

将所述详情内容切分为多个详情内容分块；

为每个详情内容分块分别设置一个tab标签；

根据每个tab标签及其详情内容分块创建对应的tab；

将创建的各个tab按照设定顺序横向重叠排列的布局生成tab页面。

3.如权利要求1所述的详情页面展示方法，其特征在于，还包括：

在展示对应的详情内容分块的同时，将对应的tab标签所在位置设置为滚动起始位置。

4.如权利要求3所述的详情页面展示方法，其特征在于，在将对应的tab标签设置为滚动起始位置之后，还包括：

采集针对所述tab页面的滚动高度；

根据所述滚动高度控制所述tab页面内相连tab之间的展示切换。

5.如权利要求4所述的详情页面展示方法，其特征在于，所述根据所述滚动高度控制所述tab页面内tab间的展示切换，包括：

当滚动高度满足SrollTop＞h₀+∑h_k时，从当前展示的tab自动切换至下一tab；

其中，h₀为tab页面中tab以外占据的高度，h_i为当前展示的第k个tab占据的高度，∑h_k为前k个tab占据的高度之和，SrollTop为滚动高度。

6.如权利要求2所述的详情页面展示方法，其特征在于，所述将创建的各个tab按照设定顺序横向重叠排列的布局生成tab页面，包括：

当一个tab占据的高度低于页面可视区域的高度时，计算二者的高度差；

根据所述高度差调整该tab的详情内容分块的高度，以使该tab与排序中的其他tab两端对齐。

7.一种详情页面展示装置，其特征在于，包括：

第一监听模块，用于在初始详情页面的渲染及展示完成后，监听针对所述初始详情页面的滚动事件；

内容提取模块，用于当监听到针对所述初始详情页面的滚动事件时，提取所述初始详情页面的页面内容；

页面创建模块，用于根据所述页面内容创建tab页面，并将所述初始详情页面切换为所述tab页面；所述tab页面中包含按照设定顺序横向重叠排列的多个tab，每个tab包含tab标签及其对应的详情内容分块；

第二监听模块，用于监听针对所述tab页面内的tab标签的点击事件；

页面展示模块，用于当监听到针对所述tab页面内的tab标签的点击事件时，展示对应的详情内容分块。

8.一种计算机设备，包括存储器、处理器、以及存储在所述存储器上的计算机程序，其特征在于，所述计算机程序被所述处理器运行时，执行根据权利要求1-6任意一项所述方法的指令。

9.一种计算机存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被计算机设备的处理器运行时，执行根据权利要求1-6任意一项所述方法的指令。

10.一种计算机程序产品，其特征在于，所述计算机程序产品包括计算机程序，所述计算机程序被处理器运行时，执行根据权利要求1-6任意一项所述方法的指令。