[发明专利]滚动条控制方法、装置、计算机设备和存储介质

说明书

本申请涉及功能优化技术，提供了一种滚动条控制方法、装置、计算机设备和存储介质。所述方法包括：监听滚动条控制触发事件；当监听到所述滚动条控制触发事件时，记录滚动条的当前位置信息；当所述滚动条控制触发事件为滚轮事件时，获取所述滚轮事件触发生成的滚动属性值，并根据所述滚动属性值确定滚动量和滚动方向；根据所述滚动量确定所述滚动条的位置移动量，并根据所述滚动方向确定所述滚动条的移动方向；根据所述位置移动量、所述移动方向和所述当前位置信息计算所述滚动条的目标位置信息；按照所述移动方向将所述滚动条移动至所述目标位置信息对应的位置处。采用本方法能够提高滚动条的控制效率。

技术领域

本申请涉及计算机技术领域，特别是涉及一种滚动条控制方法、装置、计算机设备和存储介质。

背景技术

随着计算机技术的发展，终端通常可以借助于浏览器访问服务器或云端，并将从服务器或云端获取到的各种信息以页面内容的形式通过浏览器展示给用户。当页面内容较多，以至于浏览器显示窗口不能一次性显示完所有的页面内容时，通常会将部分页面内容隐藏，并在浏览器中设置相应的滚动条，以便于用户通过移动滚动条来查看被隐藏的页面内容。

目前，通常是预先定义滚轮事件，并当用户通过滚动鼠标滚轮触发滚轮事件时，终端会获取鼠标滚轮滚动的坐标值deltaX和deltaY，进而根据所获取到的坐标值移动滚动条。然而，在特定框架(比如iview框架)下个别浏览器中没有定义delta(包括deltaX和deltaY)这个属性，因而终端在检测到滚轮事件时无法获取到鼠标滚轮滚动的坐标值deltaX和deltaY，从而无法根据坐标值确定滚动条移动前后的位置并根据位置变化移动滚动条，存在滚动条兼容性差的问题，进而降低了滚动条的控制效率。

发明内容

基于此，有必要针对上述技术问题，提供一种能够提高滚动条控制效率的滚动条控制方法、装置、计算机设备和存储介质。

一种滚动条控制方法，所述方法包括：

监听滚动条控制触发事件；

当监听到所述滚动条控制触发事件时，记录滚动条的当前位置信息；

当所述滚动条控制触发事件为滚轮事件时，获取所述滚轮事件触发生成的滚动属性值，并根据所述滚动属性值确定滚动量和滚动方向；

根据所述滚动量确定所述滚动条的位置移动量，并根据所述滚动方向确定所述滚动条的移动方向；

根据所述位置移动量、所述移动方向和所述当前位置信息计算所述滚动条的目标位置信息；

按照所述移动方向将所述滚动条移动至所述目标位置信息对应的位置处。

在其中一个实施例中，所述根据所述滚动量确定所述滚动条的位置移动量，包括：

获取当前页面窗口高度；

根据所述当前页面窗口高度和所述滚动量，按照预设映射关系确定所述滚动条的位置移动量。

在其中一个实施例中，所述当监听到所述滚动条控制触发事件时，记录滚动条的当前位置信息之后，所述方法还包括：

当所述滚动条控制触发事件为拖动事件时，调用所述拖动事件所绑定的函数来获取所述滚动条的位置移动量和移动方向，并

跳转至所述根据所述位置移动量、所述移动方向和所述当前位置信息计算所述滚动条的目标位置信息的步骤继续执行。

在其中一个实施例中，所述方法还包括：

实时检测页面刷新触发操作；

当检测到所述页面刷新触发操作时，记录滚动条当前相对于页面窗口的位置信息，并执行页面刷新操作；