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

说明书

本申请提供了一种页面内容显示控制方法和装置，该方法包括：当检测到拖动第一区域中的滚动条触发的事件时，记录滚动条被拖动的方向；并根据滚动条被拖动的距离，以及预设比例确定第二区域滚动的距离；控制第二区域向与记录的滚动条被拖动的方向相反的方向滚动所述确定的距离，并通过第三区域显示第三区域与第二区域重合的第二区域的页面内容；其中，第一区域为滚动区，第二区域为期望显示区，第三区域为实际显示区，第一区域、第二区域、第三区域为同一页面上的区域，第二区域与第三区域重叠之外的区域隐藏显示。该方法能够自定义滚动条的多种样式，实现多个页面之间样式的统一替换，且兼容性好。

技术领域

本发明涉及互联网应用技术领域，特别涉及一种页面内容显示控制方法和装置。

背景技术

用户在生活、工作以及学习中，经常使用浏览器登录网站，进而从页面中获取所需要的各种信息。如用户经常使用导航类网站、搜索类网站或者购物类网站等。

现有技术中，页面中所显示的内容较多时，页面中能够显示内容的区域的大小往往不能满足需求，往往在页面中采用滚动条的方式来实现上下翻看页面内容。

滚动条的样式基本都是各个浏览器厂商默认，部分样式可以修改但不能完全被替换，不能满足业务开发的需求；

各个页面，如浏览器之间的样式替换方案不统一，如IE的写法和chrome浏览器的写法不一致；兼容性差，如有的样式比如圆角，有的浏览器不支持，还有比如透明度等都不支持。

发明内容

有鉴于此，本申请提供一种页面内容显示控制方法和装置，能够自定义滚动条的多种样式，实现多个页面之间样式的统一替换，且兼容性好。

为解决上述技术问题，本申请的技术方案是这样实现的：

一种页面内容显示控制方法，该方法包括：

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

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

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

一种页面内容显示控制装置，该装置包括：检测单元、记录单元、确定单元、控制单元和显示单元；

所述检测单元，用于检测事件；

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

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

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

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

一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述方法。

一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述方法。