[发明专利]前端列表滚动方法、装置、计算机设备及存储介质

说明书

本发明涉及互联网技术领域，尤其涉及一种前端列表滚动方法、装置、计算机设备及存储介质。该前端列表滚动方法包括在web前端界面中加载待触发的列表选择器；当监听到列表选择器的滚动操作结束时，根据起始坐标点和结束坐标点，计算列表选择器的滚动距离；若满足减速滚动的触发条件，则在滚动距离的基础上，按照预设单位步长缩短滚动距离；根据更新后的滚动距离和操作时间，触发列表选择器根据滚动速度进行减速滚动；根据滚动距离和列表行高度，以将列表选择器中与列表索引标识对应的列表行展示在目标选中行中。该方法可有效实现平滑流畅的列表滚动效果。本发明还涉及区块链技术领域，列表选择器还可进一步存储至区块链中。

技术领域

本发明涉及互联网技术领域，尤其涉及一种前端列表滚动方法、装置、计算机设备及存储介质。

背景技术

目前，安卓或IOS自带的滚轮控件属于本地native开发的应用，当在web端实现列表选择器时，无法将安卓或IOS自带的滚轮控件直接移植到web端进行使用，使得当前web端在采用列表选择器展示列表时，当展示列表过长时，界面空间占有率高。

现有技术中为解决上述问题通过开发web列表选择器的方式，即将列表选择器以滚轮的形式触发显示或隐藏，但在用户触发该列表选择器滚动的操作结束后，由于web端原生页面所监听的滚动事件无法监听滚动数据，导致滚动效果不够平滑流畅，容易出现卡顿。

发明内容

本发明实施例提供一种前端列表滚动方法、装置、计算机设备及存储介质，以解决现有的web端原生页面所监听的滚动事件无法监听滚动数据，导致滚动效果不够平滑流畅，容易出现卡顿的问题。

一种前端列表滚动方法，包括：

在web前端界面中加载待触发的列表选择器；其中，所述列表选择器包括目标选中行；

当监听到所述列表选择器的滚动操作结束时，获取所述滚动操作的操作轨迹和操作时间；其中，所述操作轨迹包括起始坐标点以及结束坐标点；

根据所述起始坐标点与所述结束坐标点，计算所述列表选择器的滚动距离；

根据所述滚动距离和所述操作时间，判断是否满足减速滚动的触发条件；

若满足，则在所述滚动距离的基础上，按照预设单位步长缩短所述滚动距离，以更新所述滚动距离；

根据更新后的滚动距离和所述操作时间，计算滚动速度，以触发所述列表选择器根据所述滚动速度进行减速滚动。

一种前端列表滚动装置，包括：

组件加载模块，用于在web前端界面中加载待触发的列表选择器；其中，所述列表选择器包括目标选中行；

操作数据获取模块，用于当监听到所述列表选择器的滚动操作结束时，获取所述滚动操作的操作轨迹和操作时间；其中，所述操作轨迹包括起始坐标点以及结束坐标点；

距离计算模块，用于根据所述起始坐标点与所述结束坐标点，计算所述列表选择器的滚动距离；

条件判断模块，用于根据所述滚动距离和所述操作时间，判断是否满足减速滚动的触发条件；

距离更新模块，用于若满足，则在所述滚动距离的基础上，按照预设单位步长缩短所述滚动距离，以更新所述滚动距离；

减速滚动模块，用于根据更新后的滚动距离和所述操作时间，计算滚动速度，以触发所述列表选择器根据所述滚动速度进行减速滚动。

一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述前端列表滚动方法的步骤

一种计算机存储介质，所述计算机存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述前端列表滚动方法的步骤。