阻止移动端遮罩层后页面滚动

艾米
艾米 发布于 2017-02-14 12:18:18 浏览:1259 类型:原创 - 随笔 分类:手机移动 - 手机移动 二维码: 作者原创 版权保护
css代码:
.ovfHiden{overflow: hidden;height: 100%;}

jquery:
  $(".header_right").click(function(){
        $('html,body').addClass('ovfHiden'); //使网页不可滚动
        $(".searchbox").show();
    })
    $(".yg-close").click(function(){
        $('html,body').removeClass('ovfHiden'); //使网页恢复可滚
        $(".searchbox").hide();
    })
标签:
z
给个赞 13 人点赞
收藏 28 人收藏
评论 已有 3 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最新评论
Anonyme
Anonyme6 天前3F
如果我设置的弹出框不是全屏的,可以点击弹出框以外的区域关闭弹出框(前提是closeBtn是true),现在你是用点击关闭按钮的形式来恢复页面的滚动,那如果点击弹出框以外的区域来关闭是无效的,这个如何解决.layer不管是移动端还是pc端应该都是可以的吧 //@艾米:你是移动端还是PC端?遮罩层不是全屏的么 //@Anonyme:问你个问题,如果遮罩层是layer实现的,它有closeBtn这个属性,点击遮罩层以外的区域可以关闭遮罩层,那你这个$(".yg-close").click(function(){
        $('html,body').removeClass('ovfHiden'); //使网页恢复可滚
        $(".searchbox").hide();
    })
是通过点击关闭按钮实现的,那要是点击遮罩层以外的区域来恢复页面滚动,如何实现??
举报 支持 (0) 回复 (0)
艾米
艾米2017-02-28 22:39:382F
你是移动端还是PC端?遮罩层不是全屏的么 //@Anonyme:问你个问题,如果遮罩层是layer实现的,它有closeBtn这个属性,点击遮罩层以外的区域可以关闭遮罩层,那你这个$(".yg-close").click(function(){
        $('html,body').removeClass('ovfHiden'); //使网页恢复可滚
        $(".searchbox").hide();
    })
是通过点击关闭按钮实现的,那要是点击遮罩层以外的区域来恢复页面滚动,如何实现??
举报 支持 (0) 回复 (1)
Anonyme
Anonyme2017-02-28 16:34:381F
问你个问题,如果遮罩层是layer实现的,它有closeBtn这个属性,点击遮罩层以外的区域可以关闭遮罩层,那你这个$(".yg-close").click(function(){
        $('html,body').removeClass('ovfHiden'); //使网页恢复可滚
        $(".searchbox").hide();
    })
是通过点击关闭按钮实现的,那要是点击遮罩层以外的区域来恢复页面滚动,如何实现??
举报 支持 (0) 回复 (1)
艾米 艾米 作者

给自己疲惫的生活找一个温柔的梦想

作者最新