Javascript 如何禁用页面的滚动条？

如何禁用页面的滚动条

并禁用此按钮

---

您不能禁用该按钮（或任何其他滚动页面的方法）。但是，只要检测到滚动，就可以滚动到（0,0）。这可能看起来很难看（页面稍微滚动一下，然后又跳起来）

要禁用滚动条，可以尝试设置

html，body{overflow:hidden}

；我认为有些浏览器可能不尊重这一点

---

（创建一个适合视口的页面，这样就不会显示滚动条，不是更好吗？

滚动条是CSS问题。您可以将其添加到页面（或CSS文件的内部）：

html，正文{
溢出：隐藏；
}

应该在大多数浏览器中禁用滚动条

请参阅：

此功能：

*{溢出：隐藏}

---

当我弄清楚它时，我遇到的一个问题是，我在页面上有一个CSS下拉菜单（很好地滑动），当我使用这种方法时，它不会显示出来。我仍在试图弄清楚如何使下拉列表在启用此功能的情况下工作。

我正在制作一个移动网站，但我不希望它是一大堆网页，因此我将其制作为一个禁用滚动的页面。我是和你一起做的

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

html，正文{
溢出：隐藏；
}

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

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

---

从用户界面的角度来看，我根本不喜欢这个问题。如果我不能在你的网页上滚动滚轮，我将是一个非常不高兴的用户。您能解释一下为什么要这样做吗？可能的问题：小屏幕/视口（不是每个显示设备都有20480x5000像素，尤其是移动设备；而且不是每个人都使用最大化的浏览器窗口冲浪）不会显示滚动条或内容的相关部分；另外，如果没有启用JS（例如NoScript），会发生什么情况？如果您删除滚动条，滚轮问题就会消失，对吗？@faresoft尽管尝试了其中的每一个，您仍然会看到一个滚动条？那么，这就是jQuery？您可能希望将其添加为标记。为什么我们要同时为html和正文提供它？仅将其提供给html是不够的？您的答案是否比现有答案有所改进？这是一个特定的用例？

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

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

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