海康威视控件覆盖dom元素问题下拉菜单被覆盖

描述：引入的海康控件挡住了dom元素

原因：海康控件不属于dom元素，所以无法通过设置 z-index来改变

解决的办法：
可以在菜单显示的时候，将海康控件裁掉一部分裁掉

 if (window.oWebControl) {let heightPart = Height.get('q' + String(menuId-1))let cutPart = document.getElementById('q' + String(menuId-1))let start = cutPart?.getBoundingClientRect().leftwindow.oWebControl.JS_CuttingPartWindow(start - 406 -10, 0, cutPart?.scrollWidth+20, heightPart-120);}

然后不显示菜单的时候再补回去

if (window.oWebControl) {let heightPart = Height.get('q' + String(menuId-1))let cutPart = document.getElementById('q' + String(menuId-1))let start = cutPart?.getBoundingClientRect().leftwindow.oWebControl.JS_RepairPartWindow(start - 406-10, 0, cutPart?.scrollWidth+20, heightPart-120);}

最后效果如下

海康威视控件覆盖dom元素问题下拉菜单被覆盖相关推荐

【Unity-UGUI控件全面解析】| Dropdown 下拉菜单组件详解
excel不能插入activex控件_用excel做下拉多选菜单
先看视频: 下拉多选菜单https://www.zhihu.com/video/1070640311239249920 在日常工作中,有时候我们需要在单元格中输入多个固定内容的某几个项,手动输入很麻烦 ...
ajax 下拉刷新上拉加载更多,局部刷新iscroll控件的具体使用（下拉刷新，上拉加载更多）...
标签下,这是调用iscroll的必要条件,否则会出现不能刷新或者不能滑动页面的情况.此外还有商量刷新及下拉刷新的标签,在iscroll中有这两个标签的样式,若不想用默认的样式,也可通过覆盖的方式添加其 ...
bootstrap-table之通用方法（时间控件，导出，动态下拉框，表单验证，选中与获取信息）
1.bootstrap-table 单击单行选中 $('#gzrwTable').on('click-row.bs.table', function(e, row, $element) { $('.s ...
Android自定义组合控件---教你如何自定义下拉刷新和左滑删除
绪论最近项目里面用到了下拉刷新和左滑删除,网上找了找并没有可以用的,有比较好的左滑删除,但是并没有和下拉刷新上拉加载结合到一起,要不就是一些比较水的结合,并不能在项目里面使用,小编一着急自己组合了一 ...
金蝶EAS DEP脚本（4）—— 控件常用脚本之设置下拉框默认值
设下拉框默认值可在界面的onload扩展点后置脚本中添加过滤参考实现: //如果是新增界面,则设置下拉框默认值 if(pluginCtx.getOprtState()=="ADDNEW& ...
Visual C++——CComboBox控件在对话框中没有下拉项目问题解决方案
问题描述解决方案资源编辑器中对话框中CComboBox组件的垂直范围拉大参考文章 https://blog.csdn.net/bmjhappy/article/details/87094824 ...
Android仿手机淘宝多级下拉菜单
我们在常用的电商或者旅游APP中,例如美团,手机淘宝等等,都能够看的到有那种下拉式的二级列表菜单.具体如图所示: 上面两张图就是美团的一个二级列表菜单的一个展示.我相信很多人都想开发一个跟它一样的功能 ...
【ExpandTabView】Android 仿大众，美团下拉菜单ExpandTabView
原文地址:https://github.com/yueyueniao2012/ExpandTabView 参考地址:http://blog.csdn.net/minimicall/article/de ...

海康威视控件覆盖dom元素问题下拉菜单被覆盖

海康威视控件覆盖dom元素问题下拉菜单被覆盖相关推荐

最新文章

热门文章