今天接觸的乙個頁面，頁面出現彈窗之後，發現滑動彈窗的內容，底部的東西也會跟著滑動，於是自己寫了乙個小demo。(小樣**寫的很low，樣式也很醜，不過主要是功能實現就行了，哈哈哈哈！)
點我**1
**2**3
**4**5
**6**7
**8**9
**10
**11
**12
**13
**14
**15
**16
**17
**18
**19
**20
**21
**22
**23
**24
**25
**26
**27
**28
**29
**30
型號1**1
型號2**2
型號3**3
型號4**4
型號5**5
型號6**6
型號7**7
型號8**8
型號9**9
型號10
**10
型號11
**11
型號12
**12
型號13
**13
關閉之前，如果是單個蒙層的話，可以直接用
$('.mask').bind("touchmove",function(e));
來阻止預設事件，這樣底部就不會滑動。
可能表述的不是很好，不過把小樣複製下去，用手機試一下，應該很好懂了。
移動端蒙層底部頁面禁止滑動
蒙層 蒙層居中，且底部div禁止滑動。container style 因為不同螢幕高度不同，且字型大小不同content高度也不同，所以高度在js中控制。用 代替document.queryselector,節省重複 var function selector 彈出框 function show p...
移動端彈窗顯示後，禁止body內容跟隨彈窗滾動
對於一般大小的彈窗可以使用如下方案 1.阻止預設事件 缺點 該方案存在一定的相容性，不是所有瀏覽器都有效。對於彈窗存在滾動的情況，也不適用。優點 彈窗顯示時，頁面仍然固定在原來位置，不會回滾到頂部 阻止彈窗滾動 function stopscroll function recoverscroll f...
Vue vant移動端處理彈窗不能滑動問題
自己在做專案開發時，使用vantui元件，在專案中遇到了彈窗元件裡面當內容過多時，會出現滾動卡頓或者不能滾動問題，開始一直以為是自己的樣式寫的有問題，檢查下來才發現並不是，而是彈窗元件的問題，於是找到了一下解放方式。分析原因 可能就是vantui元件版本太低了，低版本元件的問題。解決方法 公升級版本...