Jquery 加载屏幕可见时停止滚动

我目前正在一个网站上工作，当页面在后台加载时，该网站有一个加载屏幕。我想做的是，在加载屏幕可见时停止主体滚动。我的运气一直不好。我尝试了超过15种不同的选择，但似乎没有任何效果。我的jQuery代码如下所示

$(".loading-screen").delay(5000).fadeOut(400);
 if($('.loading-screen').is(':hidden'))
 {
 $('body').css('overflow', 'visible');
 }

我已经在css中禁用了主体上的溢出，并试图在加载屏幕消失后使溢出可见

这是加载屏幕的图像。

我尝试了许多不同的解决方案，但没有任何效果。。。想知道你们的人可能解决这个问题的方法。谢谢

您可以像这样使用回调函数

$(".loading-screen").delay(5000).fadeOut(400 , function(){
  $('body').css('overflow', 'visible');
});

参考：来自文档

.fadeOut（[duration][，complete]）

持续时间（默认值：400） 类型：数字或字符串 确定动画将运行多长时间的字符串或数字

完成 类型：函数（）

---

动画完成后要调用的函数，每个匹配元素调用一次。

在加载完成之前，您是否尝试隐藏身体内容？此外，您没有提供大量代码供我们使用。不确定您的html结构是什么样子。下面是代码

。淡出（400，function（）{//body overflow visible}）

我将设置

.main

为

显示：无然后切换到
display:block
一旦您隐藏
。加载屏幕
非常感谢！非常感谢！