页面滚动的控制方法与流程

文档序号:20916404发布日期:2020-05-29 13:34阅读:来源:国知局

技术特征:

1.一种页面滚动的控制方法,其特征在于,所述方法包括:

s101,根据显示区域的长度确定控制器的展示形式和控制器的长度,所述控制器的展示形式为移动滑块,或者,移动滑块和2个方向相反的移动箭头;

s102,根据显示区域的长度和显示内容的长度,确定所述移动滑块与所述显示内容之间的滑动映射比例;所述显示区域长度小于所述显示内容的长度;

s103,按所述展示形式展示所述控制器;

s104,每当获取到所述移动滑块的滑动距离,根据所述滑动映射比例确定所述显示内容的滑动距离,并根据所述显示内容的滑动距离调整所述显示内容在所述显示区域内的显示内容。

2.根据权利要求1所述的方法,其特征在于,所述s101具体包括:

s101-1,获取移动滑块的默认滑动长度h0,以及箭头的默认长度h′0;

s101-2,若显示区域的长度h1≥h0+2*h′0,则确定所述控制器的展示形式为移动滑块和2个方向相反的移动箭头,且所述控制器的长度h2=h1,所述移动滑块的移动长度h3=h2-2*h′0;若显示区域的长度h1<h0+2*h′0,则根据显示内容的长度确定所述控制器的展示形式和所述控制器的长度。

3.根据权利要求2所述的方法,其特征在于,所述s101-2中根据显示内容的长度确定所述控制器的展示形式和所述控制器的长度,包括:

s101-2-1,获取显示区域面积和显示内容面积;

s101-2-2,若显示区域面积<显示内容面积*0.5*h1/h0,确定所述控制器的展示形式为移动滑块,且所述控制器的长度h2=h1,所述移动滑块的移动长度h3=h1;

s101-2-3,若显示区域面积≥显示内容面积*0.5*h1/h0,确定所述控制器的展示形式为移动滑块和2个方向相反的移动箭头,且所述控制器的长度h2=h1,所述移动滑块的移动长度h3=h2-2*h′0。

4.根据权利要求1所述的方法,其特征在于,所述s102具体包括:

确定所述移动滑块与所述显示内容之间的滑动映射比例其中,α为映射系数。

5.根据权利要求1所述的方法,其特征在于,所述

6.根据权利要求1所述的方法,其特征在于,所述显示区域位于页面中,或者,位于控件中,或者,位于界面中。

7.根据权利要求1所述的方法,其特征在于,所述控制器支持click事件。

8.根据权利要求1所述的方法,其特征在于,若屏幕支持touch事件,则所述控制器支持touch事件。

9.根据权利要求1所述的方法,其特征在于,若屏幕不支持touch事件,则所述控制器支持mouse事件。

10.根据权利要求1至9任一权利要求所述的方法,其特征在于,若所述控制器的移动滑块为横向滑动,则所述长度为横向长度;若所述控制器的移动滑块为纵向滑动,所述长度为纵向长度。


技术总结
本申请提供了一种页面滚动的控制方法,根据显示区域的长度确定控制器的展示形式和控制器的长度;根据显示区域的长度和显示内容的长度,确定移动滑块与显示内容之间的滑动映射比例;按展示形式展示控制器;每当获取到移动滑块的滑动距离,根据滑动映射比例确定显示内容的滑动距离,并根据显示内容的滑动距离调整显示内容在显示区域内的显示内容。本申请根据显示区域的长度和显示内容的长度,确定移动滑块与显示内容之间的滑动映射比例;每当获取到移动滑块的滑动距离,根据滑动映射比例确定显示内容的滑动距离,并根据显示内容的滑动距离调整显示内容在显示区域内的显示内容,实现了滑动距离与滚动距离的动态调整。

技术研发人员:夏梦石;麦锦超;李育梅;谭亮亮
受保护的技术使用者:广东金赋科技股份有限公司
技术研发日:2019.12.27
技术公布日:2020.05.29
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1