禁用页面滚动直到页面加载 - jQuery

Question

我为客户网站构建了一个视差滚动介绍 - 该网站包含许多高分辨率图像 - 所以我创建了一个快速加载程序，用全屏幕高z值填充屏幕，索引div，然后使用setTimeout方法在文档准备好4秒后淡入页面（不确定这是否是最好的方式来做到这一点，但它在我尝试过的每一个测试中都能正常工作）。

我想禁用滚动以防止用户在动画出现之前滚动 - 任何人都可以推荐一个好的跨浏览器方法来做到这一点？

Answer 1

集

#mydiv { 
    overflow:hidden 
} 

在CSS父DIV。然后，在您的文档中，添加...

$('#mydiv').css('overflow', 'auto'); 

...在淡入内容的功能中。

因此，在加载时页面将不可滚动，但是当淡入时，溢出属性将被覆盖并允许内容滚动。

Answer 2

.scrolldiv{ 
overflow:hidden; 
} 

$(window).load(function(){ 
    $(".scrolldiv").css("overflow","auto"); 
}); 

Answer 3

你可以尝试像， 最初下面添加CSS体上

body {overflow:hidden;} 

和你的setInterval函数执行完毕（无论您的装载功能）后，刚刚从体内取出的风格，像

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

Answer 4

如果你想在所有图像加载时淡入，你可以试试这个

var images = $('img'); 
var images_nbr = images.length; 

images.load(function() { 
    images_nbr--; 

    if (images_nbr == 0) { 
     $('body').css('overflow','auto'); 
     $('...').fadeIn(); 
    } 
});