[发明专利]页面滚动处理方法、装置、终端以及存储介质

说明书

本申请关于一种页面滚动处理方法、装置、终端以及存储介质，涉及计算机技术领域。应用于运行有小程序的终端，所述方法包括：通过渲染层线程在页面显示页面内容组件位于滚动视图组件中的部分内容；通过渲染层线程执行第一滚动处理，直至滚动视图组件沿滚动方向移动至页面内容组件的边界，第一滚动处理包括：获取滚动视图组件的设定偏移量，控制滚动视图组件沿滚动方向移动设定偏移量，在页面显示页面内容组件位于移动后的滚动视图组件中的部分内容。本申请避免了实现过程中存在的逻辑层和渲染层之间的数据传输，减少了数据传输时长，降低了出现滚动卡顿的概率，提高了滚动显示效果。

技术领域

本公开涉及计算机技术领域，尤其涉及页面滚动处理方法、装置、终端以及存储介质。

背景技术

小程序是一种依赖于宿主程序的运行的程序，用户可以通过在所安装的宿主程序中添加各种各样的小程序来体验不同小程序所带来的服务。目前小程序的运行环境包括渲染层和逻辑层，渲染层和逻辑层由两个不同的线程管理。渲染层用于渲染页面结构，逻辑层用于页面的逻辑处理和数据请求等。渲染层和逻辑层分别由两个线程管理，二者之间通过宿主程序的原生层进行通信。例如，宿主程序为微信客户端，添加于微信上的小程序，其渲染层和逻辑层之间需要通过微信客户端进行中转通信。

目前实现页面滚动处理方法为：将待滚动组件设置于Scroll-View组件(一种视图容器)内，逻辑层线程通过定时器周期性调用setData方法改变Scroll-View组件的scrollTop值，并将改变后的scrollTop值传输至渲染层线程，渲染层线程将改变位置后的Scroll-View组件重新渲染显示。这样通过调整Scroll-View组件与待滚动组件的顶部之间的距离，使得Scroll-View组件显示待滚动组件不同位置的内容，从而实现待滚动组件的滚动显示效果。

但是，目前的滚动显示方法的实现过程中会存在逻辑层和渲染层之间的数据传输，而二者之间需要通过宿主程序的原生层实现数据中转。这就导致滚动显示的实现过程中数据传输耗时较长，容易造成滚动卡顿，使得滚动显示效果较差。

发明内容

本公开提供一种页面滚动处理方法、装置、终端以及存储介质，以至少解决相关技术中滚动显示效果较差的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面滚动处理方法，所述方法包括：

通过渲染层线程在页面显示页面内容组件位于滚动视图组件中的部分内容，所述页面是基于所述滚动视图组件以及与所述滚动视图组件具有关联层级关系的页面内容组件生成，所述页面内容组件在滚动方向上的长度大于所述滚动视图组件在所述滚动方向上的长度；

通过所述渲染层线程执行第一滚动处理，直至所述滚动视图组件沿所述滚动方向移动至所述页面内容组件的边界，所述第一滚动处理包括：

获取所述滚动视图组件的设定偏移量，

控制所述滚动视图组件沿所述滚动方向移动所述设定偏移量，

在所述页面显示所述页面内容组件位于移动后的滚动视图组件中的部分内容。

在一种可能实现方式中，所述获取所述滚动视图组件的设定偏移量，包括：

获取终端的当前时间、所述滚动视图组件的总偏移量、滚动距离以及设定滚动时长，所述滚动距离为当前所述滚动视图组件与所述边界之间的距离，所述总偏移量为所述滚动视图组件的当前位置相对所述滚动视图组件的初始位置的总移动距离；

将所述当前时间、所述总偏移量、所述滚动距离以及所述设定滚动时长代入设定动画缓动函数进行计算，得到所述设定偏移量。

在一种可能实现方式中，所述控制所述滚动视图组件沿所述滚动方向移动所述设定偏移量，包括：