[发明专利]一种页面内容显示控制方法和装置在审

专利信息
申请号: 201811054686.7 申请日: 2018-09-11
公开(公告)号: CN110888584A 公开(公告)日: 2020-03-17
发明(设计)人: 宋小兵 申请(专利权)人: 北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司
主分类号: G06F3/0485 分类号: G06F3/0485
代理公司: 北京德琦知识产权代理有限公司 11018 代理人: 杜志敏;宋志强
地址: 100195 北京市海淀区杏石口路6*** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 页面 内容 显示 控制 方法 装置
【权利要求书】:

1.一种页面内容显示控制方法,其特征在于,该方法包括:

当检测到拖动第一区域中的滚动条触发的事件时,记录滚动条被拖动的方向;并根据滚动条被拖动的距离,以及预设比例确定第二区域滚动的距离;

控制第二区域向与记录的滚动条被拖动的方向相反的方向滚动所述确定的距离,并通过第三区域显示第三区域与第二区域重合的第二区域的页面内容;

其中,第一区域为滚动区,第二区域为期望显示区,第三区域为实际显示区,第一区域、第二区域、第三区域为同一页面上的区域,第二区域与第三区域重叠之外的区域隐藏显示。

2.根据权利要求1所述的方法,其特征在于,所述根据滚动条被拖动的距离,以及预设比例确定第二区域滚动的距离,包括:

SA=S×R;

其中,SA为第二区域滚动的距离;S为滚动条被拖动的距离,R为预设比例。

3.根据权利要求1所述的方法,其特征在于,所述方法进一步包括:

当检测到第二区域滚动触发的事件时,记录第二区域滚动的方向,并根据第二区域滚动的距离,以及预设比例确定滚动条相对于第一区域滚动的距离;

控制滚动条向与记录的第二区域滚动的方向相反的方向滚动所述确定的距离,并通过第三区域显示第三区域与第二区域重合的第二区域的页面内容。

4.根据权利要求3所述的方法,其特征在于,所述根据第二区域滚动的距离,以及预设比例确定滚动条相对于第一区域滚动的距离,包括:

ST=HT/R;

其中,ST为滚动条相对于第一区域滚动的距离;HT为第二区域滚动的距离;R为预设比例。

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

当检测到拖动第一区域中的滚动条触发的事件时,所述根据滚动条被拖动的距离,以及预设比例确定第二区域滚动的距离之前,所述方法进一步包括:

延迟预设时间,根据滚动条被拖动的距离,以及预设比例确定第二区域滚动的距离;

当检测到第二区域滚动触发的事件时,所述根据第二区域滚动的距离,以及预设比例确定滚动条相对于第一区域滚动的距离之前,所述方法进一步包括:

延迟预设时间,根据第二区域滚动的距离,以及预设比例确定滚动条相对于第一区域滚动的距离。

6.根据权利要求1-5任一项所述的方法,其特征在于,当滚动条为纵向滚动时,所述预设比例根据第一区域、第二区域、第三区域,以及滚动条的高度设置:

R=(C-D)/(HA-HB);

其中,R为预设比例,C为第一区域的高度,D为滚动条的高度,HA为第二区域的高度,HB为第三区域的高度,HB=C。

7.根据权利要求1-5任一项所述的方法,其特征在于,当滚动条为横向滚动时,所述预设比例根据第一区域、第二区域、第三区域,以及滚动条的宽度设置:

R=(X-Y)/(WA-WB);

其中,R为预设比例,X为第一区域的宽度,D为滚动条的宽度,WA为第二区域的宽度,WB为第三区域的宽度,WB=X。

8.一种页面内容显示控制装置,其特征在于,该装置包括:检测单元、记录单元、确定单元、控制单元和显示单元;

所述检测单元,用于检测事件;

所述记录单元,用于当所述检测单元检测到拖动第一区域中的滚动条触发的事件时,记录滚动条被拖动的方向;

所述确定单元,用于当所述检测单元检测到拖动第一区域中的滚动条触发的事件时,根据滚动条被拖动的距离,以及预设比例确定第二区域滚动的距离;

所述控制单元,用于控制第二区域向与所述记录单元记录的滚动条被拖动的方向相反的方向滚动所述确定单元确定的距离;

所述显示单元,用于通过第三区域显示所述控制单元控制滚动确定的距离后第三区域与第二区域重合的第二区域的页面内容;其中,第一区域为滚动区,第二区域为期望显示区,第三区域为实际显示区,第一区域、第二区域、第三区域为同一页面上的区域,第二区域与第三区域重叠之外的区域隐藏显示。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司,未经北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201811054686.7/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top