[发明专利]一种实现弹窗内元素定位的方法、装置及相关设备

说明书

本申请公开了一种实现弹窗内元素定位的方法，用于实现弹窗内对元素的定位，该方法包括：获取弹窗的包裹元素，并确定包裹元素内的定位元素；获取定位元素的定位值，定位值包括定位元素距离弹窗内壁的距离；根据定位元素的定位值计算定位元素滚动值；将定位元素滚动值赋值给包裹元素中的弹窗滚动条滚动距离属性，以使在弹窗弹出时将定位元素滚动到预设位置。本申请还公开了一种实现弹窗内元素定位的装置、设备以及存储介质。

技术领域

本申请涉及互联网技术领域，具体涉及一种实现弹窗内元素定位的方法、装置及相关设备。

背景技术

在网页被触发显示时，可以将页面内的某个元素定位到预设位置显示，该定位过程可以通过锚点定位的方式实现。但是，在以angularJS框架构建的网页中，锚点一般均被设置为路由跳转，无法实现定位到某个元素的功能。在angularJS框架中可以使用特有的$anchorScroll定位服务实现在当前页面上定位到某个指定元素，但是，无法实现在弹出的窗口中定位到某个元素所在的位置。

发明内容

有鉴于此，本申请提供一种实现弹窗内元素定位的方法、装置及相关设备，以解决现有技术中使用angularJS框架无法实现在弹窗中定位到某个元素的技术问题。

为解决上述问题，本申请提供的技术方案如下：

一种实现弹窗内元素定位的方法，所述方法包括：

获取弹窗的包裹元素，并确定所述包裹元素内的定位元素；

获取所述定位元素的定位值，所述定位值包括所述定位元素距离所述弹窗内壁的距离；

根据所述定位元素的定位值计算定位元素滚动值；

将所述定位元素滚动值赋值给所述包裹元素中的弹窗滚动条滚动距离属性，以使在所述弹窗弹出时将所述定位元素滚动到预设位置。

可选的，所述获取所述定位元素的定位值，包括：

获取所述定位元素的第一定位值和/或第二定位值，所述第一定位值包括所述定位元素上边缘距离所述弹窗内壁上边缘的距离，所述第二定位值包括所述定位元素左边缘距离所述弹窗内壁左边缘的距离。

可选的，所述根据所述定位元素的定位值计算定位元素滚动值，包括：

当获取到所述定位元素的第一定位值，将所述第一定位值减去第一预设值获得第一定位元素滚动值；

当获取到所述定位元素的第二定位值，将所述第二定位值减去第二预设值获得第二定位元素滚动值。

可选的，所述将所述定位元素滚动值赋值给所述包裹元素中的弹窗滚动条滚动距离属性，包括：

当获得第一定位元素滚动值，将所述第一定位元素滚动赋值给所述包裹元素中的弹窗纵向滚动条滚动距离属性；

当获得第二定位元素滚动值，将所述第二定位元素滚动赋值给所述包裹元素中的弹窗横向滚动条滚动距离属性。

一种实现弹窗内元素定位的装置，所述装置包括：

第一获取单元，用于获取弹窗的包裹元素，并确定所述包裹元素内的定位元素；

第二获取单元，用于获取所述定位元素的定位值，所述定位值包括所述定位元素距离所述弹窗内壁的距离；

计算单元，用于根据所述定位元素的定位值计算定位元素滚动值；

赋值单元，用于将所述定位元素滚动值赋值给所述包裹元素中的弹窗滚动条滚动距离属性，以使在所述弹窗弹出时将所述定位元素滚动到预设位置。

可选的，所述第二获取单元具体用于：