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

说明书

本说明书涉及计算机领域，提供了一种详情页面展示方法、装置、设备及存储介质，该方法包括：在初始详情页面的渲染及展示完成后，监听针对所述初始详情页面的滚动事件；当监听到针对所述初始详情页面的滚动事件时，提取所述初始详情页面的页面内容；根据所述页面内容创建tab页面，并将所述初始详情页面切换为所述tab页面；所述tab页面中包含按照设定顺序横向重叠排列的多个tab，每个tab包含tab标签及其对应的详情内容分块；监听针对所述tab页面内的tab标签的点击事件；当监听到针对所述tab页面内的tab标签的点击事件时，展示对应的详情内容分块。本说明书实施例可以减少用户查看详情页面的操作，提高用户体验。

技术领域

本说明书涉及计算机技术领域，尤其是涉及一种详情页面展示方法、装置、设备及存储介质。

背景技术

随着移动设备的不断发展，人们的生活对于手机、平板产生了越来越多的依赖。人们往往通过手机浏览器或者是APP查看新闻资讯或交易信息的详情。

当需要查阅的详情信息非常冗长时，用户通常需要进行较多的滚动或滑动操作才能展示出完整的信息。如此，不便于用户从冗长的详情中快速定位到想要的信息。

发明内容

本说明书实施例的目的在于提供一种详情页面展示方法、装置、设备及存储介质，以减少用户查看详情页面的操作，提高用户体验。

为达到上述目的，一方面，本说明书实施例提供了一种详情页面展示方法包括：

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

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

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

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

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

本说明书实施例的详情页面展示方法中，所述根据所述详情内容创建tab页面，包括：

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

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

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

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

本说明书实施例的详情页面展示方法还包括：

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

本说明书实施例的详情页面展示方法中，在将对应的tab标签设置为滚动起始位置之后，还包括：

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

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

本说明书实施例的详情页面展示方法中，所述根据所述滚动高度控制所述tab页面内tab间的展示切换，包括：

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

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