如何防止页面加载滚动

我使用此JavaScript，直到我的页面加载它显示一个简单的image.but问题是用户可以滚动页面使加载动画向上移动。我想防止this.oneone请帮助me.here是我use.Scrolling的代码是防止Linux操作系统（Ubuntu的），但我能够滚动在Windows如何防止页面加载滚动

来源

2013-09-29 Anandu

正是我所需要的，使其'位置：固定'和'宽度：100％'和'高度：100％':) –

-1

，如果你做了什么@joe建议，并没有可用的JS，你不稍后会应用另一个css规则，那么屏幕将不可滚动。更好的身体标记后具有立即应用于

<body> 
<script> 
    $('html, body').css({ 'overflow': 'hidden', 'height': '100%' }) 
</script> 
... 
    markup blah blah blah 
... 
<script> 
    $('html, body').removeAttr('style') 
</script> 
</body>

，并有另一个脚本在底部刚body标签之前删除样式属性的脚本。

，如果你使用CSS，而不是JS做的，只是在脚本标签放置

来源

2013-09-29 06:41:11 gwillie

您可以尝试在CSS中把这个在您的父母DIV

#mydiv { 
    overflow:hidden 
}

现在在你的文件中加入：

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

这个类添加到您的身体

.stop-scrolling { 
    height: 100%; 
    overflow: hidden; 
}

来源

2013-09-29 05:41:58

使用该禁用滚动：

没有滚动

$('html, body').css({ 
    'overflow': 'hidden', 
    'height': '100%' 
})

，这再次给后启用滚动页面加载完成或页面准备就绪：

滚动

$('html, body').css({ 
    'overflow': 'auto', 
    'height': 'auto' 
})

恢复如有问题，虽然测试的主要浏览器...

来源

2013-09-29 05:44:15 wildbisu

谢谢:) –

同一个地方风格的标签，您需要添加位置固定：

$(window).load(function() { 
 
    $('body').css({'overflow':'auto', 'height':'auto', 'position':'relative'}); 
 
});

body { 
 
    overflow: hidden; 
 
    height: 100%; 
 
    position: fixed; 
 
    width:100%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

来源

2015-02-03 13:55:42 clavish

如何防止页面加载滚动

回答

相关问题