已解決430363個問題，去搜搜看，總會有你想問的

MINT-UI中如何讓遮罩層彈出后,阻止頁面滾動?

首頁猿問 MINT-UI中如何讓遮罩層彈出后...

MINT-UI中如何讓遮罩層彈出后,阻止頁面滾動?

JavaScript

當年話下 2019-03-15 18:15:42

在MINT-UI中,類似Popup等組件,當遮罩層彈出后需要阻止頁面BODY的滾動,如何設定呢?沒有找到相應的API想通過監聽遮罩層彈出關閉事件來實現,遮罩層關閉的事件在哪里可以監聽呢?查詢源碼后,發現類似lockScroll的選項,但是沒有找到暴露的接口,這個設置項該如何設定才能生效?

查看完整描述

3 回答

叮當貓咪

TA貢獻1776條經驗獲得超12個贊

監聽v-model綁定的popupVisible,為true的時候，獲取當前頁面的外層div，設置其樣式屬性,height:100%;overflow:hidden;popupVisible為false時候，設置外層div height:'',overflow:‘’不理解可以溝通，個人有篇文章里面也提到了這個問題

反對回復 2019-03-20

holdtom

TA貢獻1805條經驗獲得超10個贊

<mt-popup position="right"

v-model="popupVisible"

pop-transition="popup-fade">

....

</div>

</mt-popup>

/遮罩層/

.overlayer{

position:fixed;

left:0;

top:0;

width:100%;

height:100%;

z-index:10;

}

這樣可以組織蒙層彈出時，還能滑動body的問題，但是鼠標滑輪依然可以。

反對回復 2019-03-20

3 回答
0 關注
3273 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

MINT-UI中如何讓遮罩層彈出后,阻止頁面滾動?

MINT-UI中如何讓遮罩層彈出后,阻止頁面滾動?

3 回答

添加回答