在扯廢話浪費(fèi)大家的時(shí)間之前，先上個(gè)代碼好了，使用vue實(shí)現(xiàn)起來很簡單……

  <div class="overlayer" @touchmove.prevent >  </div>

對，就是這么簡單，加上@touchmove.prevent就可以屏蔽滑動(dòng)頁面了，然后再和普通的遮罩層一樣，加點(diǎn)樣式

/*遮罩層*/.overlayer{  position:fixed;  left:0;  top:0;  width:100%;  height:100%;  z-index:10;}

如此，便可以了_(:з)∠)_，vue真是好用啊……

以下是廢話和原理

開發(fā)移動(dòng)端頁面的時(shí)候有一個(gè)很比較常見的需求，在出現(xiàn)彈窗時(shí)，禁止滑動(dòng)彈窗后面的主體頁面； 

實(shí)際上大部分彈窗插件(或者組件)都帶了這樣的功能，所以我自己也從來沒研究過這個(gè)；

 這次的項(xiàng)目突然出現(xiàn)了一個(gè)需要自己寫彈窗的場景……我瞬間就懵逼了QwQ

雖然毫無思路，但是代碼還是要寫的，效果還是要實(shí)現(xiàn)的，問題還是要解決的，而程序員解決問題的第一步，自然就是先去百度一下；

 一般來講吧，普通問題都可以直接百度解決，百度不到的再考慮問人，屏蔽滑動(dòng)的遮罩層這樣常見的需求，自然是有一大堆的解決方案，不過……太多了根本沒法選啊(