在H5手机端页面上显示弹窗后禁止底层滚动的解决方案

在H5手机端页面上显示弹窗后禁止底层滚动的解决方案

CSS部分

.hidden {
    position: fixed;
}

js部分

var topNum;
function onShow(){
    topNum = $("body").scrollTop()
    $("body").addClass("hidden");
    $(".dialog").show();
}
function onHide(){
    $(".dialog").hide();
    $("body").removeClass("hidden")
    $("body").scrollTop(topNum)
}

整体来说可以解决在弹窗后底层的布局滑动