[发明专利]一种导航元素展示方法、装置及电子设备有效
申请号: | 202110258085.3 | 申请日: | 2021-03-09 |
公开(公告)号: | CN112987992B | 公开(公告)日: | 2022-08-05 |
发明(设计)人: | 陈一奇 | 申请(专利权)人: | 北京金山云网络技术有限公司 |
主分类号: | G06F3/0481 | 分类号: | G06F3/0481;G06F3/0485;G06F9/451 |
代理公司: | 北京柏杉松知识产权代理事务所(普通合伙) 11413 | 代理人: | 孟维娜;丁芸 |
地址: | 100085 北京市海淀*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 导航 元素 展示 方法 装置 电子设备 | ||
1.一种导航元素展示方法,其特征在于,所述方法包括:
当监测到针对可视区域的滚动操作时,根据所述滚动操作计算导航最大高度值,所述导航最大高度值不大于执行所述滚动操作后所述可视区域的上边高度值,并且大于执行所述滚动操作后所述可视区域的下边高度值;
将当前页面的层叠样式表中导航元素的最大限高更新为所述导航最大高度值,以使得所述导航元素在所述当前页面中的高度值不高于所述最大限高。
2.根据权利要求1所述的方法,其特征在于,当所述导航元素不位于所述可视区域顶部时,所述根据所述滚动操作计算导航最大高度值,包括:
确定在执行所述滚动操作后页脚元素是否位于所述可视区域中;
如果在执行所述滚动操作后页脚元素位于所述可视区域中,获取页脚元素上边距离当前页面上边的第一高度值以及导航元素上边距离文档上边的第二高度值;
根据所述第一高度值与所述第二高度值计算导航最大高度值,所述导航最大高度值等于所述第一高度值与所述第二高度值的差值。
3.根据权利要求2所述的方法,其特征在于,在所述确定在执行所述滚动操作后页脚元素是否位于所述可视区域中之后,所述方法还包括:
如果在执行所述滚动操作后页脚元素位于所述可视区域外,获取第二高度值、当前页面下边距离所述当前页面上边的第三高度值以及所述可视区域上边距离所述当前页面上边的第四高度值;
根据所述第二高度值、所述第三高度值以及所述第四高度值计算导航最大高度值,其中,所述导航最大高度值等于所述第三高度值和所述第四高度值之和与所述第二高度值的差值。
4.根据权利要求1所述的方法,其特征在于,当所述导航元素位于所述可视区域顶部时,所述根据所述滚动操作计算导航最大高度值,包括:
确定在执行所述滚动操作后页脚元素是否位于所述可视区域中;
如果在执行所述滚动操作后页脚元素位于所述可视区域中,获取第一高度值以及第四高度值;
根据所述第一高度值与所述第四高度值计算导航最大高度值,所述导航最大高度值等于所述第一高度值与所述第四高度值的差值。
5.根据权利要求4所述的方法,其特征在于,在所述确定在执行所述滚动操作后页脚元素是否位于所述可视区域中之后,所述方法还包括:
如果在执行所述滚动操作后页脚元素位于所述可视区域外,获取所述可视区域上边的高度值作为导航最大高度值。
6.一种导航元素展示装置,其特征在于,所述装置包括:
滚动触发模块,用于当监测到针对可视区域的滚动操作时,根据所述滚动操作计算导航最大高度值,所述导航最大高度值不大于执行所述滚动操作后所述可视区域的上边高度值,并且大于执行所述滚动操作后所述可视区域的下边高度值;
样式配置模块,用于将当前页面的层叠样式表中导航元素的最大限高更新为所述导航最大高度值,以使得所述导航元素在浏览器窗口中的高度值不高于所述最大限高。
7.根据权利要求6所述的装置,其特征在于,当所述导航元素不位于所述可视区域顶部时,所述滚动触发模块具体用于确定在执行所述滚动操作后页脚元素是否位于所述可视区域中;
如果在执行所述滚动操作后页脚元素位于所述可视区域中,获取页脚元素上边距离当前页面上边的第一高度值以及导航元素上边距离文档上边的第二高度值;
根据所述第一高度值与所述第二高度值计算导航最大高度值,所述导航最大高度值等于所述第一高度值与所述第二高度值的差值。
8.根据权利要求7所述的装置,其特征在于,所述滚动触发模块还用于如果在执行所述滚动操作后页脚元素位于所述可视区域外,获取第二高度值、当前页面下边距离所述当前页面上边的第三高度值以及所述可视区域上边距离所述当前页面上边的第四高度值;
根据所述第二高度值、所述第三高度值以及所述第四高度值计算导航最大高度值,其中,所述导航最大高度值等于所述第三高度值和所述第四高度值之和与所述第二高度值的差值。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京金山云网络技术有限公司,未经北京金山云网络技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110258085.3/1.html,转载请声明来源钻瓜专利网。