[发明专利]页面处理方法、装置及可读存储介质

说明书

本发明实施例提供一种页面处理方法、装置及可读存储介质。所述方法包括：获取页面在滚动过程中的滚动条位置；判断所述滚动条位置是否达到预设条件；若达到所述预设条件，判断所述页面的尺寸是否不小于预定尺寸；若所述页面的尺寸不小于预定尺寸，将第一导航组件加载到所述页面进行显示；若所述页面的尺寸小于预定尺寸，将第二导航组件加载到所述页面进行显示。由此，能够根据当前页面的尺寸显示不同的导航组件，从而使整个页面的布局更为简洁，带给页面浏览者一致性的阅读体验，同时用户始终将会被页面的内容区域吸引，从而可以有效避免中断阅读者对于页面的交互操作。

技术领域

本发明涉及计算机技术领域，具体而言，涉及一种页面处理方法、装置及可读存储介质。

背景技术

现阶段，当一个网页的长度过长的时候，为了让用户自由方便地在不同页面的段落进行导航和跳转，通常，页面的开发人员会在页面提供固定于浏览器窗口的导航栏。但是，当用户的浏览器或者显示器的窗口过小时，这种类型的导航栏可能会被定位到页面的内容区域，从而遮挡了页面的内容，这样就对页面的浏览者阅读体验带来了干扰，另外，当页面具有某种程度的交互时，也会中断阅读者对于页面的交互操作。

发明内容

为了克服现有技术中的上述不足，本发明的目的在于提供一种页面处理方法、装置及可读存储介质，能够根据当前页面的尺寸显示不同的导航组件，从而使整个页面的布局更为简洁，带给页面浏览者一致性的阅读体验，同时用户始终将会被页面的内容区域吸引，从而可以有效避免中断阅读者对于页面的交互操作。

为了实现上述目的，本发明较佳实施例采用的技术方案如下：

本发明较佳实施例提供一种页面处理方法，应用于电子设备，所述方法包括：

获取页面在滚动过程中的滚动条位置；

判断所述滚动条位置是否达到预设条件；

若达到所述预设条件，判断所述页面的尺寸是否不小于预定尺寸；

若所述页面的尺寸不小于预定尺寸，将第一导航组件加载到所述页面进行显示；

若所述页面的尺寸小于预定尺寸，将第二导航组件加载到所述页面进行显示。

在本发明较佳实施例中，上述获取页面在滚动过程中的滚动条位置，包括：

调用鼠标滚轮事件响应函数检测所述页面是否存在页面滚动事件；

在检测到存在页面滚动事件时，调用视窗对象的scroll事件响应函数获取滚动条位置。

在本发明较佳实施例中，上述判断所述滚动条位置是否达到预设条件，包括：

计算所述滚动条位置与所述页面的滚动条起始位置之间的距离；

判断所述距离是否达到预设距离；

在判断结果为是时，判定所述滚动条位置达到预设条件；

在判断结果为否时，判定所述滚动条位置未达到预设条件。

在本发明较佳实施例中，上述若所述页面的尺寸不小于预定尺寸，将第一导航组件加载到所述页面进行显示之后，所述方法还包括：

在检测到所述页面被缩放时，获取所述页面在缩放过程中的尺寸；

判断所述页面在缩放过程中的尺寸是否小于所述预定尺寸；

在判断结果为是时，基于预设动画函数将正在显示的第一导航组件过渡到所述第二导航组件。

在本发明较佳实施例中，上述基于预设动画函数将正在显示的第一导航组件过渡到所述第二导航组件之后，所述方法还包括：