如何防止頁面加載滾動

我使用此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

如何防止頁面加載滾動

回答

相關問題