如何禁用页面的滚动条?

滚动条是一个CSS问题。您可以将此添加到您的页面(或CSS文件的内部部分):

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

您不能禁用该按钮(或任何其他滚动页面的方法); see this . 但是,只要检测到滚动,就可以滚动到(0,0)。这可能看起来很难看(页面滚动了一点,然后又跳回来)。

要禁用滚动条,可以尝试设置 html, body { overflow: hidden } 我认为有些浏览器可能不尊重这一点。

(创建一个适合视区的页面,这样滚动条就不会显示出来,这不是更好吗?)

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

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

我正在创建一个移动网站,但我不希望它是一大堆网页,所以我将它设置为一个禁用滚动的网页。我这样做的

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

这工作: * {overflow: hidden} 我发现的一个问题是我在页面上有一个CSS下拉菜单(很好地在页面上滑动),当我使用这个方法时,它不会显示出来。我仍在尝试找出如何使下拉列表在启用此功能的情况下工作。

这将删除滚动条。[我是偶然做的]

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