[发明专利]一种目标特性文本浏览交互方法和装置在审
| 申请号: | 202110338863.X | 申请日: | 2021-03-30 |
| 公开(公告)号: | CN112948719A | 公开(公告)日: | 2021-06-11 |
| 发明(设计)人: | 李香祯;王磊;李元;张鹏;王泽浩;甄晓伟;谢晓丹 | 申请(专利权)人: | 北京环境特性研究所 |
| 主分类号: | G06F16/954 | 分类号: | G06F16/954;G06F16/955;G06F9/455;G06F9/451 |
| 代理公司: | 北京格允知识产权代理有限公司 11609 | 代理人: | 周娇娇 |
| 地址: | 100854*** | 国省代码: | 北京;11 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 一种 目标 特性 文本 浏览 交互 方法 装置 | ||
1.一种目标特性文本浏览交互方法,其特征在于,包括:
根据用户当前选择,设置对应的特性标题的锚链接;通过设置对应的特性标题的锚链接,在一个特性标题被点击时,内容展示区域相滚动到所述特性标题对应的文本区域;
获取目标特性数据,递归地将所述目标特性数据按照特性标题的层级修改数据结构;
根据所述目标特性数据的数据结构对所述目标特型数据进行渲染,渲染体现对应的特性标题的层次关系;
根据用户选择的内容展示区域,导航栏中显示与所述内容展示区域对应的特性标题。
2.根据权利要求1所述的方法,其特征在于,获取目标特性数据包括通过接口获取后台传来的产品特性数据。
3.根据权利要求1或2所述的方法,其特征在于,递归地将所述目标特性数据按照特性标题的层级修改数据结构包括:
循环确定所述目标特性数据中的一级标题数据;
根据一级标题数据的父级节点标识找出二级标题和数组对象储存在一级标题的子字段;
递归依次找出三级以及以下层级标题,存储生成新的数据结构。
4.根据权利要求1或2所述的方法,其特征在于,根据用户选择的内容展示区域,导航栏中显示与所述内容展示区域对应的特性标题包括:
遍历所述内容展示区域各个模块的页面代码结构Dom节点;其中,所述页面代码结构Dom用于页面的渲染;
计算每个Dom节点相对于内容区域顶部的距离;若某个Dom节点的距离不为负数且为所有节点的距离的最小值,则其内容为当前浏览内容;
导航栏的高亮对应内容及指向图标移动到对应的内容旁边。
5.根据权利要求4所述的方法,其特征在于,根据用户选择的内容展示区域,导航栏中显示与所述内容展示区域对应的特性标题还包括:
计算指向图标相对导航栏可视区域的距离,若该距离小于导航栏滚动距离或大于导航栏可视区域的高度,则判断当前内容展示区域的特性标题不在所述导航栏可视区域内;触发导航栏的滚动事件,滚动距离为指向图标相对导航栏可视区域的距离减去可视区域的一半。
6.一种目标特性文本浏览交互装置,其特征在于,包括:
链接设置模块,设置为根据用户当前选择,设置对应的特性标题的锚链接;通过设置对应的特性标题的锚链接,在一个特性标题被点击时,内容展示区域相滚动到所述特性标题对应的文本区域;
数据模块,设置为获取目标特性数据,递归地将所述目标特性数据按照特性标题的层级修改数据结构;
渲染模块,设置为根据所述目标特性数据的数据结构对所述目标特型数据进行渲染,渲染体现对应的特性标题的层次关系;
交互模块,设置为根据用户选择的内容展示区域,导航栏中显示与所述内容展示区域对应的特性标题。
7.根据权利要求6所述的装置,其特征在于,所述数据模块获取目标特性数据是通过接口获取后台传来的产品特性数据。
8.根据权利要求6或7所述的装置,其特征在于,所述数据模块递归地将所述目标特性数据按照特性标题的层级修改数据结构包括:
循环确定所述目标特性数据中的一级标题数据;
根据一级标题数据的父级节点标识找出二级标题和数组对象储存在一级标题的子字段;
递归依次找出三级以及以下层级标题,存储生成新的数据结构。
9.根据权利要求6或7所述的装置,其特征在于,所述交互模块根据用户选择的内容展示区域,导航栏中显示与所述内容展示区域对应的特性标题包括:
遍历所述内容展示区域各个模块的页面代码结构Dom节点;其中,所述页面代码结构Dom用于页面的渲染;
计算每个Dom节点相对于内容区域顶部的距离;若某个Dom节点的距离不为负数且为所有节点的距离的最小值,则其内容为当前浏览内容;
导航栏的高亮对应内容及指向图标移动到对应的内容旁边。
10.根据权利要求9所述的装置,其特征在于,所述交互模块根据用户选择的内容展示区域,导航栏中显示与所述内容展示区域对应的特性标题还包括:
计算指向图标相对导航栏可视区域的距离,若该距离小于导航栏滚动距离或大于导航栏可视区域的高度,则判断当前内容展示区域的特性标题不在所述导航栏可视区域内;触发导航栏的滚动事件,滚动距离为指向图标相对导航栏可视区域的距离减去可视区域的一半。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京环境特性研究所,未经北京环境特性研究所许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110338863.X/1.html,转载请声明来源钻瓜专利网。





