如何禁用页面的滚动条?

如何禁用页面的滚动条。

并禁用此按钮。

替代文字

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

 

您无法禁用该按钮(或任何其他滚动页面的方法); 看到这个 。 但是,您可以在检测到滚动时随时滚动(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

我正在制作一个移动网站,但我不希望它成为一大堆网页,因此我将其设为一页,禁用滚动。 我这样做了

   

这有效: * {overflow: hidden}我弄清楚的一个问题是我在页面上有一个CSS下拉菜单(好滑过)菜单,并且在我使用这种方法时没有显示。 我仍在尝试弄清楚如何使用此function启用下拉菜单。

这将删除您的滚动条。 [我偶然做到了]

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