弹出元素处理方法、电子设备及存储介质技术

技术编号:41735399 阅读:31 留言:0更新日期:2024-06-19 12:55
本申请实施例提供了一种弹出元素处理方法、电子设备及存储介质。弹出元素处理方法包括:确定网页中的预设页面元素对应的弹出元素,其中,所述预设页面元素具有内容溢出控制属性;将所述弹出元素对应的渲染层级从所述预设页面元素的层级调整至所述预设页面元素的上层元素的层级,以在通过所述预设页面元素接收到针对所述弹出元素的触发事件后,弹出所述弹出元素,并基于调整后的渲染层级渲染展示所述弹出元素中的内容。本申请实施例的技术方案可以提高弹出元素的显示效果。

【技术实现步骤摘要】

本申请实施例涉及计算机,尤其涉及一种弹出元素处理方法、电子设备及存储介质


技术介绍

1、为了网页中的信息显示,常采用弹出元素(包括但不限于弹出气泡、弹出菜单等)以弹出显示内容。弹出元素可以被设置为某个页面元素的子元素,该页面元素为父元素,这使得作为子元素的弹出元素的渲染取决于父元素。在相关技术中的一些实施方案中,作为父元素的页面元素具有内容溢出控制属性(即overflow属性),导致作为子元素的弹出元素会被父元素遮挡或截断,从而造成弹出元素无法正常显示,降低了用户体验。因此,需要一种新的技术方案来解决这样的问题。


技术实现思路

1、有鉴于此,本申请实施例提供一种弹出元素处理方案,以至少部分解决上述问题。

2、根据本申请实施例的第一方面,提供了一种弹出元素处理方法,包括:确定网页中的预设页面元素对应的弹出元素,其中,所述预设页面元素具有内容溢出控制属性;将所述弹出元素对应的渲染层级从所述预设页面元素的层级调整至所述预设页面元素的上层元素的层级,以在通过所述预设页面元素接收到针对所述弹出元素的触发事本文档来自技高网...

【技术保护点】

1.一种弹出元素处理方法,包括:

2.根据权利要求1所述的方法,其中,所述在通过所述预设页面元素接收到针对所述弹出元素的触发事件后,弹出所述弹出元素,包括:

3.根据权利要求2所述的方法,其中,所述根据所述预设页面元素到所述网页的根节点元素之间的层级位置关系,进行位置递归计算,包括:

4.根据权利要求3所述的方法,其中,所述逐层递归计算相邻层级之间元素的距离信息,以得到多个距离,包括:

5.根据权利要求3或4所述的方法,其中,所述根据位置递归计算结果,确定所述弹出元素在所述网页中的弹出位置,并在所述弹出位置弹出所述弹出元素,包括:

<...

【技术特征摘要】

1.一种弹出元素处理方法,包括:

2.根据权利要求1所述的方法,其中,所述在通过所述预设页面元素接收到针对所述弹出元素的触发事件后,弹出所述弹出元素,包括:

3.根据权利要求2所述的方法,其中,所述根据所述预设页面元素到所述网页的根节点元素之间的层级位置关系,进行位置递归计算,包括:

4.根据权利要求3所述的方法,其中,所述逐层递归计算相邻层级之间元素的距离信息,以得到多个距离,包括:

5.根据权利要求3或4所述的方法,其中,所述根据位置递归计算结果,确定所述弹出元素在所述网页中的弹出位置,并在所述弹出位置弹出所述弹出元素,包括:

6.根据权利要求5所述的方法,其中,所述...

【专利技术属性】
技术研发人员:唐超
申请(专利权)人:优视科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1