遮罩元素下的body禁止滚动

设置css

.alpha {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.alpha body {
    height: 100%;
    overflow: hidden;
}

点击打开遮罩

$('#code').click(function () {
            $('.code').show();
            $('html').addClass('alpha');
        });

点击关闭遮罩

$('.close').click(function () {
            $('.code').hide();
            $('html').removeClass('alpha');
        });