真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

如何解決layui彈出層layer中area過大被遮擋的問題

小編給大家分享一下如何解決layui彈出層layer中area過大被遮擋的問題，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

10多年的同德網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。全網(wǎng)整合營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整同德建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“同德網(wǎng)站設(shè)計”,“同德網(wǎng)站推廣”以來，每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

layer彈出窗口在彈出時指定了area，彈出后，如果當(dāng)前頁面（iframe）大小比彈出的窗口小，那么就會出現(xiàn)無法操作彈出窗口的尷尬情況。

如圖：

彈出窗口比當(dāng)前頁面大,這時，唯有放大整個頁面才能看到完全的彈出窗口，才可以操作。

layui 為我們提供了 layer.style(); 方法來重新跳整窗口的大小 , 然后我們只需要寫一個函數(shù),得到當(dāng)前document的寬度和高度, 判斷彈出框是否大于document來調(diào)整窗口大小




 
 Title
 


點(diǎn)擊


 
  單行輸入框

驗(yàn)證必填項(xiàng)

驗(yàn)證手機(jī)

驗(yàn)證郵箱

var layerIndex; var layerInitWidth; var layerInitHeight; var $; layui.use(['form', 'jquery'], function () { var form = layui.form; $ = layui.jquery; $("#dianji").click(function () { layer.open({ type: 1, area: ['500px', '900px'], content: $('#id'), //這里content是一個DOM，注意：最好該元素要存放在body最外層，否則可能被其它的相對元素所影響 btn: ['按鈕一', '按鈕二', '按鈕三'] , yes: function (index, layero) { //按鈕【按鈕一】的回調(diào) } , btn2: function (index, layero) { //按鈕【按鈕二】的回調(diào) //return false 開啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉 } , btn3: function (index, layero) { //按鈕【按鈕三】的回調(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" + 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 ? windowWidth : layerInitWidth; var minHeight = layerInitHeight > windowHeight ? windowHeight : layerInitHeight; console.log("win:", windowWidth, windowHeight); console.log("lay:", layerInitWidth, layerInitHeight); console.log("min:", minWidth, minHeight); layer.style(layerIndex, { top: 0, width: minWidth, height: minHeight }); }

效果圖：

如何解決layui彈出層layer中area過大被遮擋的問題

以上是“如何解決layui彈出層layer中area過大被遮擋的問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站名稱：如何解決layui彈出層layer中area過大被遮擋的問題
文章轉(zhuǎn)載：http://weahome.cn/article/pcojej.html