一种导航元素展示方法、装置及电子设备与流程

文档序号:25542264发布日期:2021-06-18 20:38阅读:来源:国知局

技术特征:

1.一种导航元素展示方法,其特征在于,所述方法包括:

当监测到针对可视区域的滚动操作时,根据所述滚动操作计算导航最大高度值,所述导航最大高度值不大于执行所述滚动操作后所述可视区域的上边高度值,并且大于执行所述滚动操作后所述可视区域的下边高度值;

将当前页面的层叠样式表中导航元素的最大限高更新为所述导航最大高度值,以使得所述导航元素在所述当前页面中的高度值不高于所述最大限高。

2.根据权利要求1所述的方法,其特征在于,当所述导航元素不位于所述可视区域顶部时,所述根据所述滚动操作计算导航最大高度值,包括:

确定在执行所述滚动操作后页脚元素是否位于所述可视区域中;

如果在执行所述滚动操作后页脚元素位于所述可视区域中,获取页脚元素上边距离当前页面上边的第一高度值以及导航元素上边距离文档上边的第二高度值;

根据所述第一高度值与所述第二高度值计算导航最大高度值,所述导航最大高度值等于所述第一高度值与所述第二高度值的差值。

3.根据权利要求2所述的方法,其特征在于,在所述确定在执行所述滚动操作后页脚元素是否位于所述可视区域中之后,所述方法还包括:

如果在执行所述滚动操作后页脚元素位于所述可视区域外,获取第二高度值、当前页面下边距离所述当前页面上边的第三高度值以及所述可视区域上边距离所述当前页面上边的第四高度值;

根据所述第二高度值、所述第三高度值以及所述第四高度值计算导航最大高度值,其中,所述导航最大高度值等于所述第三高度值和所述第四高度值之和与所述第二高度值的差值。

4.根据权利要求1所述的方法,其特征在于,当所述导航元素位于所述可视区域顶部时,所述所述根据所述滚动操作计算导航最大高度值,包括:

确定在执行所述滚动操作后页脚元素是否位于所述可视区域中;

如果在执行所述滚动操作后页脚元素位于所述可视区域中,获取第一高度值以及第四高度值;

根据所述第一高度值与所述第四高度值计算导航最大高度值,所述导航最大高度值等于所述第一高度值与所述第四高度值的差值。

5.根据权利要求4所述的方法,其特征在于,在所述确定在执行所述滚动操作后页脚元素是否位于所述可视区域中之后,所述方法还包括:

如果在执行所述滚动操作后页脚元素位于所述可视区域外,获取所述可视区域上边的高度值作为导航最大高度值。

6.一种导航元素展示装置,其特征在于,所述装置包括:

滚动触发模块,用于当监测到针对可视区域的滚动操作时,根据所述滚动操作计算导航最大高度值,所述导航最大高度值不大于执行所述滚动操作后所述可视区域的上边高度值,并且大于执行所述滚动操作后所述可视区域的下边高度值;

样式配置模块,用于将当前页面的层叠样式表中导航元素的最大限高更新为所述导航最大高度值,以使得所述导航元素在所述浏览器窗口中的高度值不高于所述最大限高。

7.根据权利要求6所述的装置,其特征在于,当所述导航元素不位于所述可视区域顶部时,所述滚动触发模块具体用于确定在执行所述滚动操作后页脚元素是否位于所述可视区域中;

如果在执行所述滚动操作后页脚元素位于所述可视区域中,获取页脚元素上边距离当前页面上边的第一高度值以及导航元素上边距离文档上边的第二高度值;

根据所述第一高度值与所述第二高度值计算导航最大高度值,所述导航最大高度值等于所述第一高度值与所述第二高度值的差值。

8.根据权利要求7所述的装置,其特征在于,所述滚动触发模块还用于如果在执行所述滚动操作后页脚元素位于所述可视区域外,获取第二高度值、当前页面下边距离所述当前页面上边的第三高度值以及所述可视区域上边距离所述当前页面上边的第四高度值;

根据所述第二高度值、所述第三高度值以及所述第四高度值计算导航最大高度值,其中,所述导航最大高度值等于所述第三高度值和所述第四高度值之和与所述第二高度值的差值。

9.根据权利要求6所述的装置,其特征在于,当所述导航元素位于所述可视区域顶部时,所述滚动触发模块具体用于确定在执行所述滚动操作后页脚元素是否位于所述可视区域中;

如果在执行所述滚动操作后页脚元素位于所述可视区域中,获取第一高度值以及第四高度值;

根据所述第一高度值与所述第四高度值计算导航最大高度值,所述导航最大高度值等于所述第一高度值与所述第四高度值的差值。

10.根据权利要求9所述的装置,其特征在于,所述滚动触发模块还用于如果在执行所述滚动操作后页脚元素位于所述可视区域外,获取所述可视区域上边的高度值作为导航最大高度值。

11.一种电子设备,其特征在于,包括:

计算机可读存储介质,用于存放计算机程序;

处理器,用于执行所述计算机可读存储介质上所存放的程序时,实现权利要求1-5任一所述的方法步骤。

12.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-5任一所述的方法步骤。


技术总结
本发明实施例提供了一种导航元素展示方法、装置及电子设备。其中,所述方法包括:当监测到针对可视区域的滚动操作时,根据滚动操作计算导航最大高度值,导航最大高度值不大于执行滚动操作后可视区域的上边高度值,并且大于执行滚动操作后可视区域的下边高度值;将当前页面的层叠样式表中导航元素的最大限高更新为导航最大高度值,以使得导航元素在当前页面中的高度值不高于最大限高。可以通过在层叠样式表中为导航元素增加最大限高这一属性值,并在监测到滚动操作时更新最大限高,使得导航元素在页面中的高度值随着可视区域一同变化,从而使得导航元素始终位于可视区域内,使得用户能够便捷地使用导航元素所提供的各种组件。

技术研发人员:陈一奇
受保护的技术使用者:北京金山云网络技术有限公司
技术研发日:2021.03.09
技术公布日:2021.06.18
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1