layer設(shè)置maxWidth及maxHeight解決方案
更新時間：2019年07月26日 12:01:16 作者：愛在846
這篇文章主要介紹了layer設(shè)置maxWidth及maxHeight解決方案，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
layer介紹
layer是一款近年來備受青睞的web彈層組件，她具備全方位的解決方案，致力于服務(wù)各水平段的開發(fā)人員，您的頁面會輕松地?fù)碛胸S富友好的操作體驗(yàn)。下載及使用訪問官方網(wǎng)站。
area屬性
layer的寬高是通過area屬性設(shè)置，例如 area:[‘300px',‘600px']，表示定義寬300px；高600px的彈出層；
默認(rèn)設(shè)置：layer寬高都自適應(yīng)的，即area默認(rèn)值為‘a(chǎn)uto'。
maxWidth及maxHeight屬性
‘maxWidth'和‘maxHeight'分別對應(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解決方案,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
許多新的特性被提議包括在 ES2020版本中。好消息是這些已經(jīng)已經(jīng)敲定。 現(xiàn)在，我們獲得了最終定稿的功能清單，它們將在被批準(zhǔn)發(fā)布之后出現(xiàn)在備受期待的 ES2020 中，具體內(nèi)容詳情，大家可以閱讀下本文2020-05-05
改版了網(wǎng)上的一個js操作userdata,并根據(jù)其它網(wǎng)友的文章結(jié)合了下。希望對需要的朋友有所幫助。2007-04-04
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡單圖片切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
websocket4.0+typescript 實(shí)現(xiàn)熱更新的方法
這篇文章主要介紹了websocket4.0+typescript 實(shí)現(xiàn)熱更新的方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
JavaScript使用slice函數(shù)獲取數(shù)組部分元素的方法
這篇文章主要介紹了JavaScript使用slice函數(shù)獲取數(shù)組部分元素的方法,涉及javascript中slice方法的使用技巧,非常具有實(shí)用價值,需要的朋友可以參考下2015-04-04
javascript 函數(shù)的暫停和恢復(fù)實(shí)例詳解
這篇文章主要介紹了javascript 函數(shù)的暫停和恢復(fù),結(jié)合實(shí)例形式詳細(xì)分析了javascript 函數(shù)的暫停和恢復(fù)相關(guān)原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
下面小編就為大家?guī)硪黄狫avaScript+CSS相冊特效實(shí)例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
JavaScript 禁止用戶保存圖片的實(shí)現(xiàn)代碼
這篇文章主要介紹了JavaScript 禁止用戶保存圖片的實(shí)現(xiàn)代碼，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-04-04
這篇文章主要為大家詳細(xì)介紹了原生javascript和css實(shí)現(xiàn)圖片輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
微信小程序?qū)崿F(xiàn)圖片上傳放大預(yù)覽刪除代碼
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)圖片上傳放大預(yù)覽刪除代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07