如何使用JQuery在预加载程序处于活动状态时禁用滚动

如何使用JQuery在预加载程序处于活动状态时禁用滚动,jquery,Jquery,当我的预加载程序处于活动状态时,我正在努力禁用滚动。 我正在使用这个JQuery,它对我的预加载程序总体上运行良好,但在预加载程序激活时无法禁用滚动 $(document).ready(function() { setTimeout(function(){ $("body").addClass("loaded"); }, 3000); }); 我试过了 $('body').css('overflow', 'hidden')

当我的预加载程序处于活动状态时,我正在努力禁用滚动。
我正在使用这个JQuery,它对我的预加载程序总体上运行良好,但在预加载程序激活时无法禁用滚动

$(document).ready(function() {
    setTimeout(function(){
        $("body").addClass("loaded");
    }, 3000);
});
我试过了

$('body').css('overflow', 'hidden');

但这会在预加载程序关闭时永久禁用滚动。当预加载程序处于活动状态时,滚动保持启用状态。

您可以将css中的
溢出:隐藏
添加到正文中,并在添加加载的类时添加自动。您可以将其设置为
自动

$(document).ready(function() {
    setTimeout(function(){
        $("body").addClass("loaded");
    }, 3000);
});
$(文档).ready(函数(){
setTimeout(函数(){
$(“正文”).addClass(“已加载”);
$(“#加载程序”).fadeOut();
}, 3000);
});
正文{
溢出:隐藏;
}
身体负荷{
溢出:自动;
}
#装载机{
位置:固定;
排名:0;
左:0;
宽度:100%;
身高:100%;
背景:#000;
颜色:#fff;
显示器:flex;
对齐项目:居中;
证明内容:中心;
z指数:10;
}
.第页{
高度:10000px;
}

加载
试试看