页面处理方法、装置及可读存储介质制造方法及图纸

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

Page processing methods, devices, and readable storage media

The embodiment of the invention provides a page processing method, a device and a readable storage medium. The method includes: obtaining the scroll bar position of the page in the rolling process; judging whether the position of the scroll bar is up to the preset condition; if the preset condition is reached, it is judged whether the size of the page is not less than the predetermined size; if the size of the page is not less than a predetermined size inch, the first navigation component is loaded to the said. The page is displayed; if the size of the page is smaller than the predetermined size, the second navigation component is loaded onto the page to display. Thus, different navigation components can be displayed according to the size of the current page, which makes the layout of the whole page more concise, and brings the reading experience of the page viewer consistent. At the same time, the user will always be attracted by the content area of the page, thus effectively avoiding the interruption of the reader's interactive operation on the page.

【技术实现步骤摘要】
页面处理方法、装置及可读存储介质
本专利技术涉及计算机
,具体而言,涉及一种页面处理方法、装置及可读存储介质。
技术介绍
现阶段,当一个网页的长度过长的时候,为了让用户自由方便地在不同页面的段落进行导航和跳转,通常,页面的开发人员会在页面提供固定于浏览器窗口的导航栏。但是,当用户的浏览器或者显示器的窗口过小时,这种类型的导航栏可能会被定位到页面的内容区域,从而遮挡了页面的内容,这样就对页面的浏览者阅读体验带来了干扰,另外,当页面具有某种程度的交互时,也会中断阅读者对于页面的交互操作。
技术实现思路
为了克服现有技术中的上述不足,本专利技术的目的在于提供一种页面处理方法、装置及可读存储介质,能够根据当前页面的尺寸显示不同的导航组件,从而使整个页面的布局更为简洁,带给页面浏览者一致性的阅读体验,同时用户始终将会被页面的内容区域吸引,从而可以有效避免中断阅读者对于页面的交互操作。为了实现上述目的,本专利技术较佳实施例采用的技术方案如下:本专利技术较佳实施例提供一种页面处理方法,应用于电子设备,所述方法包括:获取页面在滚动过程中的滚动条位置;判断所述滚动条位置是否达到预设条件;若达到所述预本文档来自技高网...
页面处理方法、装置及可读存储介质

【技术保护点】
一种页面处理方法,其特征在于,应用于电子设备,所述方法包括:获取页面在滚动过程中的滚动条位置;判断所述滚动条位置是否达到预设条件;若达到所述预设条件,判断所述页面的尺寸是否不小于预定尺寸;若所述页面的尺寸不小于预定尺寸,将第一导航组件加载到所述页面进行显示;若所述页面的尺寸小于预定尺寸,将第二导航组件加载到所述页面进行显示。

【技术特征摘要】
1.一种页面处理方法,其特征在于,应用于电子设备,所述方法包括:获取页面在滚动过程中的滚动条位置;判断所述滚动条位置是否达到预设条件;若达到所述预设条件,判断所述页面的尺寸是否不小于预定尺寸;若所述页面的尺寸不小于预定尺寸,将第一导航组件加载到所述页面进行显示;若所述页面的尺寸小于预定尺寸,将第二导航组件加载到所述页面进行显示。2.根据权利要求1所述的页面处理方法,其特征在于,所述获取页面在滚动过程中的滚动条位置,包括:调用鼠标滚轮事件响应函数检测所述页面是否存在页面滚动事件;在检测到存在页面滚动事件时,调用视窗对象的scroll事件响应函数获取滚动条位置。3.根据权利要求1所述的页面处理方法,其特征在于,所述判断所述滚动条位置是否达到预设条件,包括:计算所述滚动条位置与所述页面的滚动条起始位置之间的距离;判断所述距离是否达到预设距离;在判断结果为是时,判定所述滚动条位置达到预设条件;在判断结果为否时,判定所述滚动条位置未达到预设条件。4.根据权利要求1所述的页面处理方法,其特征在于,所述若所述页面的尺寸不小于预定尺寸,将第一导航组件加载到所述页面进行显示之后,所述方法还包括:在检测到所述页面被缩放时,获取所述页面在缩放过程中的尺寸;判断所述页面在缩放过程中的尺寸是否小于所述预定尺寸;在判断结果为是时,基于预设动画函数将正在显示的第一导航组件过渡到所述第二导航组件。5.根据权利要求4所述的页面处理方法,其特征在于,所述基于预设动画函数将正在显示的第一导...

【专利技术属性】
技术研发人员:黄诚陈少杰张文明
申请(专利权)人:武汉斗鱼网络科技有限公司
类型:发明
国别省市:湖北,42

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1