zoukankan      html  css  js  c++  java
  • 移动端禁止蒙层下的页面滚动

    禁止蒙层下的页面发生滚动 需要图片

    很多时候,我们都需要让用户选择下拉框,选择对应的选项。
    弹出蒙层的时候,竟然可以滚动蒙层下的页面
    这是体验一点都不友好,所以我们需要优化一下。
    弹出蒙层的时候,静止页面滚动哈
    
    // 封装禁止页面滚动方法(该方法兼容PC端和移动端)
    var topSpace = 0
    function BodydiableScroll (isState) {
        var bodyNode = document.body
        if (isState) {
            topSpace = window.scrollY
            bodyNode.style.position = 'fixed'
            bodyNode.style.top = -topSpace + 'px'
        } else {
            bodyNode.style.position = ''
            bodyNode.style.top = ''
            window.scrollTo(0, topSpace ) // 回到原先位置
        }
    }
    // isFixed true 表示禁止页面滚动,false表示允许页面进行滚动
    打开弹窗的时候调用该方法BodydiableScroll(true)
    关闭弹窗的时候,BodydiableScroll(false)
    

    作者:流年少年
    出处:https://www.cnblogs.com/ishoulgodo/

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!

    万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!

    想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!

    支付宝
    微信
    本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    Calling a parent window function from an iframe
    JSON with Java
    Posting array of JSON objects to MVC3 action method via jQuery ajax
    What's the difference between jquery.js and jquery.min.js?
    jquery loop on Json data using $.each
    jquery ui tabs详解(中文)
    DataTables warning requested unknown parameter
    Datatables 1.10.x在命名上与1.9.x
    jQuery 1.x and 2.x , which is better?
    DataTabless Add rows
  • 原文地址:https://www.cnblogs.com/ishoulgodo/p/15626840.html
Copyright © 2011-2022 走看看