美文网首页
移动端页面弹窗滚动,页面也随之滚动解决方案

移动端页面弹窗滚动,页面也随之滚动解决方案

作者: 北冥有鱼我养的 | 来源:发表于2019-06-04 15:20 被阅读0次

    在做移动端开发时,常常会开发需要滚动的弹窗。例如


    image

    这时如果在手机上滚动弹窗里的内容,遮罩层底下的页面也会跟着滚动。给用户带来不太友好的用户体验。

    在网上查阅了一些方法后,找到了一种:

    在弹窗弹出来之后设置

    $('body,html').css({'height':'100%','overflow':'hidden'});
    

    在关闭弹窗后移除

    $('body,html').removeAttr("style");
    

    当然前提是你没在body和html的style设置什么内联样式。不然移除的话就会有影响。

    这应该是目前发现的最简单可行的方案了。

    相关文章

      网友评论

          本文标题:移动端页面弹窗滚动,页面也随之滚动解决方案

          本文链接:https://www.haomeiwen.com/subject/owzlxctx.html