在iframe嵌套页面使用layui里面的layer弹窗最大化时候父页面会滚动到顶部

博主在排查代码中找到了导致页面全屏时滚动条消失的问题,关键在于`overflow: hidden`属性。通过注释掉相关代码并修改,滚动条恢复正常。虽然不确定修改可能带来的影响,但目前未发现任何问题。此篇博客分享了解决方案。
摘要由CSDN通过智能技术生成

我也是找了好久,发现都不好使,于是自己打断点找原因。

最终发现了这么个东西
r.full = function (e) {
        var t, a = i("#" + l[0] + e);
        o.record(a),
        // l.html.attr("layer-full") || l.html.css("overflow", "hidden").attr("layer-full", e),
            l.html.attr("layer-full") || l.html.attr("layer-full", e),
            clearTimeout(t),
            t = setTimeout(function () {
            var t = "fixed" === a.css("position");
            r.style(e, {
                top: t ? 0 : n.scrollTop(),
                left: t ? 0 : n.scrollLeft(),
                width: n.width(),
                height: n.height()
            }, !0), a.find(".layui-layer-min").hide()
        }, 100)
    }
这个full方法就是最大化的方法,里面我注释了一行,就是那个操作使页面滚到顶部了。下面那个是我改写了,看这个原因就是overflow:hidden;之后滚动条就没了。就把它去掉,这个问题就解决了。
但是这个代码存在的原因我不知道,也不知道改了会有什么影响,暂时没有发现,自己决定吧
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值