[发明专利]一种导航元素展示方法、装置及电子设备有效

专利信息
申请号: 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所述的装置,其特征在于,所述滚动触发模块还用于如果在执行所述滚动操作后页脚元素位于所述可视区域外,获取第二高度值、当前页面下边距离所述当前页面上边的第三高度值以及所述可视区域上边距离所述当前页面上边的第四高度值;

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

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京金山云网络技术有限公司,未经北京金山云网络技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202110258085.3/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top