原文：遮罩層下禁止頁面滾動
封裝禁止頁面滾動方法 該方法兼容PC端和移動端 var topSpace function BodyScroll isState var bodyDoc document.body if isState topSpace window.scrollYbodyDoc.style.position fixed bodyDoc.style.top topSpace px else bodyDoc.st ...
2019-09-03 17:46 0 1308 推薦指數：
相關推薦
1、css 樣式： .mask{ background: rgba(59, 59, 59, 0.9); /* opacity: 0.9; */ position: fi ...
在遮罩層中，設置： <view class="tuikuan-showModal" @touchmove.stop.prevent="moveHandle"></view> //遮罩層 在 methods 中，設置： //遮罩層穿透，阻止底部滑動 ...
wxml //使用scroll-view包裹 scrolly-y要寫 [scroll-view scroll-y class="mask-box" catchtouchmove='ture'] [vi ...
彈窗是一種常見的交互方式，而蒙層則是彈窗必不可少的元素，用於隔斷頁面與彈窗區塊，暫時阻斷頁面的交互。但是，我們會發現，當彈出遮罩層后，底層body的內容也是可以滾動，顯然這不是我們想要的效果，而這個問題就是小萌最近開發項目時遇到的問題。 一個小程序的項目，是用MPVUE(一個使用 Vue.js ...
在遮罩層添加 (前提使用vue)@touchmove.prevent HTML: ...
場景概述 彈窗是一種常見的交互方式，而蒙層是彈窗必不可少的元素，用於隔斷頁面與彈窗區塊，暫時阻斷頁面的交互。但是，在蒙層元素中滑動的時候，滑到內容的盡頭時，再繼續滑動，蒙層底部的頁面會開始滾動，顯然這不是我們想要的效果，因此需要阻止這種行為。 那么，如何阻止呢？請看以下分析： 方案分析 ...
彈出遮罩層后，手指在手機上上下滑動 遮罩層下的頁面出現滑動。下面代碼解決這個問題 （1）觸摸后不產生事件 （2）body不出現滾動條 $("body,.main").height($(window).height()).css({ "overflow-y ...