layui彈出層layer的area過(guò)大被遮擋

1、layui彈出層layer的area過(guò)大被遮擋layui彈出層layer的area過(guò)大被遮擋 layer彈出窗口在彈出時(shí)指定了area，彈出后，假如當(dāng)前頁(yè)面（iframe）大小比彈出的窗口小，那么就會(huì)浮現(xiàn)無(wú)法操作彈出窗口的難堪狀況。: 彈出窗口比當(dāng)前頁(yè)面大,這時(shí)，唯有放大囫圇頁(yè)面才干看到徹低的彈出窗口，才可以操作。layui 為我們提供了 layer.style(); 辦法來(lái)重新跳整窗口的大小 , 然后我們只需要寫一個(gè)函數(shù),得到當(dāng)前document的寬度和高度, 推斷彈出框是否大于document來(lái)調(diào)節(jié)窗口大小 title 點(diǎn)擊 單行輸入框 驗(yàn)證必填項(xiàng) 驗(yàn)證手機(jī) 驗(yàn)證郵箱 v

2、ar layerindex; var layerinitwidth; var layerinitheight; var $; layui.use(&39;form&39;, &39;jquery&39;, function () var form = layui.form; $ = layui.jquery; $("dianji").click(function () layer.open( type: 1, area: &39;500px&39;, &39;900px&39;, content

3、: $(&39;id&39;), /這里content是一個(gè)dom，注重：最好該元素要存放在body最外層，否則可能被其它的相對(duì)元素所影響 btn: &39;按鈕一&39;, &39;按鈕二&39;, &39;按鈕三&39; , yes: function (index, layero) /按鈕【按鈕一】的回調(diào) , btn2: function (index, layero) /按鈕【按鈕二】的回調(diào) /return false 開啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉 , btn3: function (index, layero) /按鈕

4、【按鈕三】的回調(diào) /return false 開啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉 , cancel: function () /右上角關(guān)閉回調(diào) /return false 開啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉 , success: function (layero, index) /獵取當(dāng)前彈出窗口的索引及初始大小 layerindex = index; layerinitwidth = $("layui-layer" + layerindex).width(); layerinitheight = $("layui-layer"

5、+ layerindex).height(); resizelayer(layerindex, layerinitwidth, layerinitheight); form.render(); ); ) ); function resizelayer(layerindex, layerinitwidth, layerinitheight) var windowwidth = $(document).width(); var windowheight = $(document).height(); var minwidth = layerinitwidth > windowwidth ?

6、windowwidth : layerinitwidth; var minheight = layerinitheight > windowheight ? windowheight : layerinitheight; console.log("win:", windowwidth, windowheight); console.log("lay:", layerinitwidth, layerinitheight); console.log("min:", minwidth, minh