popwindow根据屏幕自适应位置弹出

Posted 2023-05-05

参考技术A 做个功能，实现这种效果

根据屏幕位置判断如果在屏幕中间上方点击时就在控件下方弹出,如果在上方的话就在控件上方弹出
,我是这么实现的使用了一个第三方封装的控件EasyPopup
但是存在一个问题就是部分机型正常实现这种效果
可是在部分模拟器上

却出现这种效果,经查发现问题出现在这个控件CENTER时，计算出的偏移量小于pop宽度/2，导致pop右边超出了屏幕范围，所以垂直偏移被忽略导致偏移无效。

根据屏幕高度自适应元素高度

发现自适应很麻烦就随便写了一个根据屏幕高度的自适应

var window_h=function(elem,height){
        var elem=document.getElementsByClassName(elem);
        for(let i=0;i<elem.length;i++){
            elem[i].style.height=window.innerHeight *height+ "px"
        }
    };