[发明专利]数据展示方法及装置

说明书

本发明实施例提供了一种数据展示方法及装置，所述方法包括：根据分页容器的分页配置信息对待展示数据进行页码划分，得到每一分页的分页数据；在所述分页容器内生成滚动条，所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域；监控滚动条滑块在所述滚动条上的实时位置信息；判定所述实时位置信息所属的滚动条区域对应的目标页码；将所述目标页码对应的分页数据展示在所述分页容器的当前页面。本发明在减少使用插件的前提下，实现了基于滚动条滑块移动的滚动翻页数据展示功能，加强数据展示效果，提高用户体验。

技术领域

本发明涉及计算机技术领域，尤其涉及一种数据展示方法及装置。

背景技术

目前，随着网络通信技术的进步和宽带网络的提速，各种网络应用得到了越来越多的应用，而且越来越受到大家的欢迎。但是，现阶段很多网络应用的性能已经达到了一个瓶颈，例如，网络视频直播，主站直播间性能已经达到了一个瓶颈，各种插件的使用，各种定时器，各种接口请求，视频流加载，长连接建立性能的消耗，影响了主站的整体加载速度，因此，在做任何一个效果或者功能时，减少使用插件，由原生代码实现所需功能及特效具有重要意义。

现有技术中，滚动条功能具体为页面的内容随着滚动条滑块移动的位置实时变化，拖动的时候，是没有触发点的，滚动条滑块拖到什么位置，则会展示该位置对应的数据内容，可见现有技术中的滚动条功能无法实现翻页滚动的数据展示功能。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的数据展示方法及装置。

本发明的一个方面，提供了一种数据展示方法，所述方法包括：

根据分页容器的分页配置信息对待展示数据进行页码划分，得到每一分页的分页数据；

在所述分页容器内生成滚动条，所述滚动条上按照各分页的页码顺序依次分布有各分页对应的滚动条区域；

监控滚动条滑块在所述滚动条上的实时位置信息；

判定所述实时位置信息所属的滚动条区域对应的目标页码；

将所述目标页码对应的分页数据展示在所述分页容器的当前页面。

其中，所述在所述分页容器内生成滚动条，包括：

根据页码划分后得到分页的总页码数，分别确定所述分页容器在展示各分页时所述滚动条滑块在所述滚动条上对应的滚动条区域的起始位置信息和结束位置信息。

其中，所述在所述分页容器内生成滚动条，还包括：

将所述分页容器与鼠标滚轮事件进行绑定，和/或，将所述分页容器与鼠标滚轮释放事件进行绑定，和/或，将所述滚动条滑块与鼠标拖拽事件进行绑定，和/或，将所述滚动条滑块与鼠标拖拽释放事件进行绑定，和/或，将所述滚动条与鼠标点击事件进行绑定。

其中，所述判定所述实时位置信息所属的滚动条区域对应的目标页码，包括：

获取所述滚动条滑块在所述滚动条上的初始位置信息；

若所述实时位置信息大于所述初始位置信息，且所述实时位置信息大于当前分页在所述滚动条上对应的滚动条区域的结束位置信息，则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的下一分页；

若所述实时位置信息小于所述初始位置信息，且所述实时位置信息小于当前分页在所述滚动条上对应的滚动条区域的起始位置信息，则确定所述实时位置信息所属的滚动条区域对应的目标页码为当前分页的上一分页；

否则所述实时位置信息所属的滚动条区域对应的目标页码为当前分页。

其中，所述将所述目标页码对应的分页数据展示在所述分页容器的当前页面，包括：