layui.open弹出层高度过高，内容显示不全方法。

古城微笑少年丶 2023-02-23 12:19 14阅读 0赞

layui.open弹出层高度过高，内容显示不全方法。  
看到网上有说把css去掉的，但我没有使用，主要考虑同页是否也会出现错误。所以直接在页面中使用js来处理。  
思路：获取到当前ifream窗体的高度。然后在由这个高度减去一点的高度，再把高度赋值给弹出层，就可以实现内容多，滚动条显示。代码如下：

var he = document.body.clientHeight;
    he = (he -80)+'px';
     open_add = layer.open({
         title:title,
         type:1,
         area: ['80%',he],
         fixed: false, //不固定
         content: $("#addpen"),
         cancel: function(index, layero){
             cancel_()
         }
     });

改变前：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70]  
该变后  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70 1]  
目前还没做随着浏览器高度改变而改变高度

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200707162426656.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200707162532300.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI4NzYxNTkz,size_16,color_FFFFFF,t_70