H5禁止弹窗页面滚动
生活随笔
收集整理的這篇文章主要介紹了
H5禁止弹窗页面滚动
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
這篇文章講解一下,彈窗彈出以后,如何禁止頁面滑動的技巧。
如下圖所示,在“彈窗”彈出后頁面是可以滾動的。
解決方案:
第一步: 在點(diǎn)擊彈框的事件中添加:
$("body").addClass('prevetwinow');第二步: 在關(guān)閉彈框的事件中添加:
$("body").removeClass('prevetwinow');第三步:寫CSS中prevetwinow的內(nèi)容
.prevetwinow{overflow: hidden; }總結(jié)
以上是生活随笔為你收集整理的H5禁止弹窗页面滚动的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 安卓系统的王者荣耀可以转苹果吗 汉典安字
- 下一篇: 将SVG 图引入到HTML页面