加载屏幕可见时停止滚动

Question

我目前正在开发一个网站，当页面在后台加载时，该网站有一个加载屏幕。我想要做的是，当加载屏幕可见时停止身体滚动。我的运气不好。我尝试过15种不同的选择，似乎没什么用。我的jQuery代码如下。

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

我已经在我的css中禁用了身体上的溢出，并且在加载屏幕淡出时我试图使溢出可见。

这是加载屏幕的图像。 screenshot of loading screen

我尝试了许多不同的解决方案，但没有任何工作......对你们这个问题的解决方案感到好奇。谢谢！

Answer 1

您可以使用fadeOut()回调功能

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

参考：来自fadeOut()文档

.fadeOut( [duration ] [, complete ] )

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

<强>完整 类型：功能（） 动画完成后调用的函数，每个匹配元素调用一次。