layui.open彈出層高度過高,內容顯示不全方法。

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_()
     }
 });

改變前:
在這裏插入圖片描述
該變後
在這裏插入圖片描述
目前還沒做隨着瀏覽器高度改變而改變高度

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章