如何禁用頁面的滾動條？

Question

如何禁用頁面的滾動條。

並禁用此按鈕。

Answer 1

$(window).scroll(function() { 
    scroll(0,0); 
}); 

Answer 2

不能禁用按鈕（或滾動頁面的任何其它方法）; see this。但是，只要您檢測到滾動，您就可以滾動到（0,0）。這可能看起來很醜陋（頁面滾動一下，然後跳回）。

要禁用滾動條，您可以嘗試設置html, body { overflow: hidden };我認爲一些瀏覽器可能不會承認這一點。

（那豈不是更好，僅創建適合視口，以便不顯示滾動條的網頁？）

Answer 3

滾動條是一個CSS問題。您可以添加到您的網頁（或內部的CSS文件）：

<style type="text/css"> 
html, body { 
    overflow: hidden; 
} 
</style> 

Answer 4

document.body.scroll = "no"; 
document.body.style.overflow = 'hidden'; 
document.height = window.innerHeight; 

應在大多數瀏覽器禁用了滾動條。

參見：http://www.eggheadcafe.com/community/aspnet/3/10088543/how-to-disable-document-body-from-scrolling.aspx

Answer 5

這工作： * {overflow: hidden} 一個問題我想出來的是，當我有一個CSS下拉菜單（以及滑過）的頁面上，並且沒有按」當我使用這種方法時顯示。我仍然試圖弄清楚如何讓下拉菜單啓用此功能。

Answer 6

我正在製作一個手機網站，但我不希望它成爲一大堆網頁，所以我正在使其一頁滾動禁用。我這樣做了

<style> 
    html, body { 
    overflow: hidden; 
    } 
    </style> 

Answer 7

這將刪除您的滾動條。 [我是這樣意外的]

@media screen{   
body>div#header{   
position:fixed;   
}   
body>div#footer{   
position:fixed;   
} `