(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210720037.6 (22)申请日 2022.06.23 (71)申请人 北京金堤科技有限公司 地址 100086 北京市海淀区知春路6 5号院1 号楼B座20层20 01号 (72)发明人 杨洪超　 (74)专利代理 机构 北京工信联合知识产权代理 有限公司 1 1266 专利代理师 贾银秋 (51)Int.Cl. G06F 9/451(2018.01) (54)发明名称 弹窗展示方法、 装置以及存储介质和电子设 备 (57)摘要 本发明提供了一种弹窗展示方法、 装置以及 存储介质和电子设备， 其中， 该方法包括： 接收对 目标节点的弹窗展示指令， 获取目标节点对应的 弹窗信息； 获取目标节点的位置和大小以及页面 可视区域的大小， 并根据目标节 点的位置和大小 以及页面可视区域的大小， 确定弹窗的位置， 以 使弹窗展示时不遮挡目标节点且处于页面可视 区域内； 根据弹窗的位置， 展 示弹窗。 本发明提供 的弹窗展示方法、 装置以及存储介质和电子设 备， 不仅能够避免弹窗遮挡目标节 点影响用户使 用， 也能够使弹窗和目标节点产生视觉上的关 联， 便于用户对应查阅。 权利要求书3页 说明书13页 附图5页 CN 115357314 A 2022.11.18 CN 115357314 A 1.一种弹窗展示方法， 其特 征在于， 所述方法包括： 接收对目标节点的弹窗展示指令， 获取 所述目标节点对应的弹窗信息； 获取所述目标节点的位置和大小以及页面可视区域的大小， 并根据所述目标节点的位 置和大小以及所述页面可视区域的大小， 确定弹窗的位置， 以使所述弹窗展示时不遮挡 所 述目标节点且处于所述页面可视区域内； 根据所述弹窗的位置， 展示所述弹窗。 2.如权利要求1所述的弹窗展示方法， 其特征在于， 所述获取所述目标节点的位置和大 小以及页面可视区域的大小， 并根据所述目标节点的位置和大小以及所述页面可视区域的 大小， 确定弹窗的位置， 包括： 获取所述目标节点的中心坐标和大小以及页面可视区域的大小； 根据所述目标节点的中心坐标与所述页面可视区域的边界的距离以及所述目标节点 的大小， 调整弹窗的坐标位置 。 3.如权利要求2所述的弹窗展示方法， 其特征在于， 所述根据所述目标节点的中心坐标 与所述页面可视区域的边界的距离以及所述目标节点的大小， 调整弹窗的坐标位置， 包括： 当所述目标节点的中心坐标的横坐标小于或等于所述页面可视区域的宽度的一半时， 通过确定所述弹窗的最左上角顶点的坐标以确定所述弹窗的坐标位置； 或者， 当所述目标节点的中心坐标的横坐标大于所述页面可视区域的宽度的一半时， 通过确定所述弹窗最右上角顶点的坐标以确定所述弹窗的坐标位置 。 4.如权利要求3所述的弹窗展示方法， 其特征在于， 所述当所述目标节点的中心坐标的 横坐标小于或等于所述页面可视区域的宽度的一半时， 通过确定所述弹窗的最左上角顶点 的坐标以确定所述弹窗的坐标位置， 包括： 确定所述弹窗的最左上角顶点的横坐标大于或 等于所述目标节点的中心坐标的横坐标与所述目标节点的宽度的一半之和， 所述 弹窗的最 左上角顶点的纵坐标根据所述目标节点的中心到所述页面可视区域的底部边界的距离是 否小于所述弹窗的高度确定； 或者， 所述当所述目标节点的中心坐标的横坐标大于所述页面可视区域的宽度的一半 时， 通过确定所述 弹窗最右上角顶点的坐标以确定所述 弹窗的坐标位置， 包括： 确定所述 弹 窗最右上角顶点的横坐标小于或等于所述目标节点的中心坐标 的横坐标与所述目标节点 的宽度的一半之差， 所述 弹窗最右上角顶点的纵坐标根据所述目标节点的中心到所述页面 可视区域的底部边界的距离是否小于所述弹窗的高度确定 。 5.如权利要求4所述的弹窗展示方法， 其特征在于， 所述弹窗的最左上角顶点的纵坐标 根据所述目标节点的中心到所述页面可视区域的底部边界的距离是否小于所述弹窗的高 度确定， 包括： 若所述 目标节点的中心坐标 的纵坐标与所述弹窗的高度之和大于所述页面 可视区域的高度， 则所述 弹窗的最左上角顶点的纵坐标为所述页面可视区域的高度与所述 弹窗的高度之差； 若 所述目标节点的中心坐标的纵坐标与所述弹窗的高度之和小于或等于 所述页面可视区域的高度， 则所述弹窗的最左上角顶点的纵坐标为所述目标节点的中心 坐 标的纵坐标； 或者， 所述弹窗最右上角顶点的纵坐标根据 所述目标节点的中心到所述页面可视区域 的底部边界的距离是否小于所述弹窗的高度确定， 包括： 若所述 目标节点的中心坐标的纵 坐标与所述 弹窗的高度之和大于所述页面可视区域的高度， 则所述 弹窗的最右上角顶点的权　利　要　求　书 1/3 页 2 CN 115357314 A 2纵坐标为所述页面可视区域的高度与所述弹窗的高度之差； 若所述目标节点的中心 坐标的 纵坐标与所述弹窗的高度之和小于或等于所述页面可视区域的高度， 则所述 弹窗的最右上 角顶点的纵坐标为所述目标节点的中心坐标的纵坐标。 6.如权利要求1所述的弹窗展示方法， 其特 征在于， 所述方法还 包括： 若在所述弹窗展示 时接收到目标节点大小改变触发事件， 则 重新获取所述目标节点的 位置和大小以及所述页面可视区域的大小， 并根据重新确定的所述目标节点的位置和大小 以及所述页面可视区域的大小， 重新确定所述弹窗的位置 。 7.如权利要求1所述的弹窗展示方法， 其特 征在于， 所述方法还 包括： 若用户触发当前弹窗的下级弹窗展示且所述当前弹窗位于所述目标节点的右侧， 则判 断所述当前弹窗的最右上角顶点到所述页面可视区域的右侧纵向边界的距离是否大于或 等于所述下级弹窗的宽度； 若所述当前弹窗的最右上角顶点到所述页面可视区域的右侧纵向边界的距离大于或 等于所述下级弹窗的宽度， 确定所述下级弹窗的最左上角顶点的横坐标大于或等于所述当 前弹窗的最右上角顶点的横坐标； 或者， 若所述当前弹窗的最右上角顶点到所述页面可视 区域的右侧纵向边界的距离小于所述下级弹窗的宽度， 缩放所述下级弹窗， 或者缩放所述 当前弹窗和/或更前级弹窗， 以使所述当前弹窗的最右上角顶点到所述页面可视区域的右 侧纵向边界的距离大于或等于所述下级弹窗的宽度； 所述下级弹窗的最左上角顶点的纵坐标根据所述目标节点的中心到所述页面可视区 域的底部边界的距离是否小于所述下级弹窗的高度确定 。 8.如权利要求1所述的弹窗展示方法， 其特 征在于， 所述方法还 包括： 若用户触发当前弹窗的下级弹窗展示且所述当前弹窗位于所述目标节点的左侧， 则判 断所述当前弹窗的最左上角顶点到所述页面可视区域的左侧纵向边界的距离是否大于或 等于所述下级弹窗的宽度； 若所述当前弹窗的最左上角顶点到所述页面可视区域的左侧纵向边界的距离大于或 等于所述下级弹窗的宽度， 确定所述下级弹窗的最右上角顶点的横坐标小于或等于所述当 前弹窗的最左上角顶点的横坐标； 或者， 若所述当前弹窗的最左上角顶点到所述页面可视 区域的左侧纵向边界的距离小于所述下级弹窗的宽度， 缩放所述下级弹窗， 或者缩放所述 当前弹窗和/或更前级弹窗， 以使所述当前弹窗的最左上角顶点到所述页面可视区域的左 侧纵向边界的距离大于或等于所述下级弹窗的宽度； 所述下级弹窗的最右上角顶点的纵坐标根据所述目标节点的中心到所述页面可视区 域的底部边界的距离是否小于所述下级弹窗的高度确定 。 9.如权利要求7或8所述的弹窗展示方法， 其特征在于， 所述下级弹窗的最左上角顶点 的纵坐标根据所述目标节点的中心到所述页面可视区域的底部边界的距离是否小于所述 下级弹窗的高度确定， 包括： 若所述 目标节点的中心坐标 的纵坐标与所述下级弹窗的高度 之和大于所述页面可视区域的高度， 则所述下级弹窗的最左上角顶点的纵坐标为所述页面 可视区域的高度与所述下级弹窗的高度之差； 若 所述目标节点的中心坐标的纵坐标与所述 下级弹窗的高度之和小于或等于所述页面可视区域的高度， 则所述下级弹窗的最左上角顶 点的纵坐标为所述目标节点的中心坐标的纵坐标； 或者， 所述下级弹窗的最右上角顶点的纵坐标根据 所述目标节点的中心到所述页面可权　利　要　求　书 2/3 页 3 CN 115357314 A 3