一种实现弹窗内元素定位的方法、装置及相关设备制造方法及图纸

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

A Method, Device and Relevant Equipment for Locating Elements in Bullet Window

This application discloses a method for locating elements in a bullet window, which includes acquiring the wrapping elements of the bullet window and determining the locating elements in the wrapping elements, obtaining the locating values of the locating elements, including the distance between the locating elements and the inner wall of the bullet window, and calculating the rolling values of the locating elements according to the locating values of the locating elements. The location element scroll value is assigned to the scroll distance attribute of the pop-up window scroll bar in the package element to scroll the location element to the preset position when the pop-up window occurs. The application also discloses a device, device and storage medium for realizing element positioning in bullet window.

【技术实现步骤摘要】
一种实现弹窗内元素定位的方法、装置及相关设备
本申请涉及互联网
，具体涉及一种实现弹窗内元素定位的方法、装置及相关设备。
技术介绍
在网页被触发显示时，可以将页面内的某个元素定位到预设位置显示，该定位过程可以通过锚点定位的方式实现。但是，在以angularJS框架构建的网页中，锚点一般均被设置为路由跳转，无法实现定位到某个元素的功能。在angularJS框架中可以使用特有的$anchorScroll定位服务实现在当前页面上定位到某个指定元素，但是，无法实现在弹出的窗口中定位到某个元素所在的位置。
技术实现思路
有鉴于此，本申请提供一种实现弹窗内元素定位的方法、装置及相关设备，以解决现有技术中使用angularJS框架无法实现在弹窗中定位到某个元素的技术问题。为解决上述问题，本申请提供的技术方案如下：一种实现弹窗内元素定位的方法，所述方法包括：获取弹窗的包裹元素，并确定所述包裹元素内的定位元素；获取所述定位元素的定位值，所述定位值包括所述定位元素距离所述弹窗内壁的距离；根据所述定位元素的定位值计算定位元素滚动值；将所述定位元素滚动值赋值给所述包裹元素中的弹窗滚动条滚动距离属性，以使在本文档来自技高网...

【技术保护点】
1.一种实现弹窗内元素定位的方法，其特征在于，所述方法包括：获取弹窗的包裹元素，并确定所述包裹元素内的定位元素；获取所述定位元素的定位值，所述定位值包括所述定位元素距离所述弹窗内壁的距离；根据所述定位元素的定位值计算定位元素滚动值；将所述定位元素滚动值赋值给所述包裹元素中的弹窗滚动条滚动距离属性，以使在所述弹窗弹出时将所述定位元素滚动到预设位置。

【技术特征摘要】
1.一种实现弹窗内元素定位的方法，其特征在于，所述方法包括：获取弹窗的包裹元素，并确定所述包裹元素内的定位元素；获取所述定位元素的定位值，所述定位值包括所述定位元素距离所述弹窗内壁的距离；根据所述定位元素的定位值计算定位元素滚动值；将所述定位元素滚动值赋值给所述包裹元素中的弹窗滚动条滚动距离属性，以使在所述弹窗弹出时将所述定位元素滚动到预设位置。2.根据权利要求1所述的方法，其特征在于，所述获取所述定位元素的定位值，包括：获取所述定位元素的第一定位值和/或第二定位值，所述第一定位值包括所述定位元素上边缘距离所述弹窗内壁上边缘的距离，所述第二定位值包括所述定位元素左边缘距离所述弹窗内壁左边缘的距离。3.根据权利要求2所述的方法，其特征在于，所述根据所述定位元素的定位值计算定位元素滚动值，包括：当获取到所述定位元素的第一定位值，将所述第一定位值减去第一预设值获得第一定位元素滚动值；当获取到所述定位元素的第二定位值，将所述第二定位值减去第二预设值获得第二定位元素滚动值。4.根据权利要求3所述的方法，其特征在于，所述将所述定位元素滚动值赋值给所述包裹元素中的弹窗滚动条滚动距离属性，包括：当获得第一定位元素滚动值，将所述第一定位元素滚动赋值给所述包裹元素中的弹窗纵向滚动条滚动距离属性；当获得第二定位元素滚动值，将所述第二定位元素滚动赋值给所述包裹元素中的弹窗横向滚动条滚动距离属性。5.一种实现弹窗内元素定位的装置，其特征在于，所述装置包括：第一获取单元，用于获取弹窗的包裹元素，并确定所述包裹元素内的定位元素；第二获取单元，用于获取所述定位...

【专利技术属性】
技术研发人员：杨孟娇，
申请(专利权)人：北京国双科技有限公司，
类型：发明
国别省市：北京,11