移动端弹出遮罩层禁止页面滚动,遮罩里面的框允许滚动如何实现。
生活随笔
收集整理的這篇文章主要介紹了
移动端弹出遮罩层禁止页面滚动,遮罩里面的框允许滚动如何实现。
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
因為有的彈窗上面有滑動,但是滑動部分滑動時會帶動底下的頁面滾動,如何解決?
1.彈窗彈起時
activityAgreement:function(){vm.agreementsDailog=true;vm.hideTheAgreements=truevar scrollTop=document.documentElement.scrollTop$('body').css({'overflow':'hidden','position': 'fixed','top': scrollTop*(-1)});},2.彈窗關閉時
closeAgreements:function(){vm.agreementsDailog=falsevm.hideTheAgreements=false$('body').css({'overflow':'auto','position': 'static','top': 'auto'});}這樣就不管怎么劃都不會影響下面的代碼了.
轉載于:https://www.cnblogs.com/antyhouse/p/8478308.html
總結
以上是生活随笔為你收集整理的移动端弹出遮罩层禁止页面滚动,遮罩里面的框允许滚动如何实现。的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 彻底理解 Android 中的阴影
- 下一篇: CASE WHEN 高阶用法?