jquery - 当加载屏幕可见时停止滚动

Question

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

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

我在我的 css 中禁用了 body 上的溢出，并试图在加载屏幕淡出后使溢出可见。

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

我已经尝试了许多不同的解决方案，但没有任何效果......对你们解决这个问题的可能解决方案感到好奇。谢谢!

Answer 1

您可以使用 fadeOut()像这样的回调函数

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

REF:来自 fadeOut()文档

.fadeOut( [duration ] [, complete ] )

持续时间(默认值:400) 类型:数字或字符串 确定动画将运行多长时间的字符串或数字。

完成 类型:函数() 动画完成后调用的函数，每个匹配元素调用一次。