layer設(shè)置maxWidth及maxHeight解決方案
layer介紹
layer是一款近年來(lái)備受青睞的web彈層組件，她具備全方位的解決方案，致力于服務(wù)各水平段的開(kāi)發(fā)人員，您的頁(yè)面會(huì)輕松地?fù)碛胸S富友好的操作體驗(yàn)。下載及使用訪(fǎng)問(wèn)官方網(wǎng)站。
area屬性
layer的寬高是通過(guò)area屬性設(shè)置，例如 area:[‘300px',‘600px']，表示定義寬300px；高600px的彈出層；
默認(rèn)設(shè)置：layer寬高都自適應(yīng)的，即area默認(rèn)值為‘a(chǎn)uto'。
maxWidth及maxHeight屬性
‘maxWidth'和‘maxHeight'分別對(duì)應(yīng)css中‘max-width'及‘max-height'，若想設(shè)置該屬性，并讓其起作用，必須將area屬性設(shè)置為默認(rèn)設(shè)置(area: 'auto')。
示例代碼
layer.open({
type: 1,
title: '屬性信息', //彈出層標(biāo)題
area: 'auto', //寬高自適應(yīng)
maxHeight:'600px', //最大高度600像素
shadeClose: true, //點(diǎn)擊遮罩關(guān)閉
content: html //彈出層內(nèi)容
});
總結(jié)
以上所述是小編給大家介紹的layer設(shè)置maxWidth及maxHeight解決方案,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
Element ui 下拉多選時(shí)新增一個(gè)選擇所有的選項(xiàng)
這篇文章主要介紹了Element ui 下拉多選時(shí) 新增一個(gè)選擇所有的選項(xiàng),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-08-08
本文主要介紹js中call與apply關(guān)鍵字的作用以及它們的用法,具體實(shí)例如下,希望對(duì)大家有所幫助2016-11-11
兼容ie和firefox的鼠標(biāo)經(jīng)過(guò)(onmouseover和onmouseout)實(shí)現(xiàn)--簡(jiǎn)短版
兼容ie和firefox的鼠標(biāo)經(jīng)過(guò)(onmouseover和onmouseout)實(shí)現(xiàn)--簡(jiǎn)短版...2007-11-11
element?UI中在?el-select?與?el-tree?結(jié)合組件實(shí)現(xiàn)過(guò)程
項(xiàng)目上實(shí)現(xiàn)某個(gè)功能，使用到了?el-select?和?el-tree?組合實(shí)現(xiàn)，記錄下兩者結(jié)合的實(shí)現(xiàn)過(guò)程，對(duì)?el-select?與?el-tree?結(jié)合組件實(shí)現(xiàn)過(guò)程感興趣的朋友跟隨小編一起看看吧2023-02-02
JS根據(jù)生日月份和日期計(jì)算星座的簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了JS根據(jù)生日月份和日期計(jì)算星座的簡(jiǎn)單實(shí)現(xiàn)方法,涉及javascript日期時(shí)間與字符串操作相關(guān)技巧,需要的朋友可以參考下2016-11-11
這篇文章主要介紹了淺談javascript事件取消和阻止冒泡的方法和示例，有需要的小伙伴可以參考下。2015-05-05
微信小程序和公眾號(hào)實(shí)現(xiàn)簽到頁(yè)面
這篇文章主要為大家詳細(xì)介紹了微信小程序和公眾號(hào)實(shí)現(xiàn)簽到頁(yè)面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
在JS中最?？吹角凶钊菀酌曰蟮恼Z(yǔ)法(轉(zhuǎn))
發(fā)現(xiàn)一篇JS中比較容易迷惑的語(yǔ)法的解釋,挺有用的,轉(zhuǎn)載下,與大家分享2010-10-10
js和jquery實(shí)現(xiàn)tab狀態(tài)欄切換效果
這篇文章主要為大家詳細(xì)介紹了js和jquery實(shí)現(xiàn)tab狀態(tài)欄切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了九種原生js動(dòng)畫(huà)效果，個(gè)個(gè)都非常精彩，都值得大家學(xué)習(xí)，需要的朋友可以參考下2015-11-11