2010-08-31 102 views
9

如何禁用页面的滚动条。如何禁用页面的滚动条?

并禁用此按钮。

alt text

+8

从UI的角度来看,我根本不喜欢这个问题。如果我不能在你的网页上滚动我的轮子,我会是一个非常难过的用户。你能解释一下你为什么要这样做吗? – Chris 2010-08-31 17:04:35

+0

可能出现的问题:小屏幕/视口(不是每个显示设备都有20480x5000像素,特别是手机;并非所有人都用最大化的浏览器窗口浏览)不会显示滚动条*或*内容的相关部分;还有,启用了w/o JS会发生什么(例如NoScript)? – Piskvor 2010-08-31 17:09:08

+0

如果你删除滚动条,车轮问题就会消失,对吧? – gawi 2010-08-31 17:19:09

回答

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

那么,这是jQuery?您可能想将其添加为标签。 – palswim 2010-10-22 16:55:58

7

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

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

(那岂不是更好,仅创建适合视口,以便不显示滚动条的网页?)

29

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

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

为什么我们应该为html和body都提供它?只提供给html是不够的? – Srinivas 2013-07-31 02:46:22

0

这工作: * {overflow: hidden} 一个问题我想出来的是,当我有一个CSS下拉菜单(以及滑过)的页面上,并且没有按”当我使用这种方法时显示。我仍然试图弄清楚如何让下拉菜单启用此功能。

1

我正在制作一个手机网站,但我不希望它成为一大堆网页,所以我正在使其一页滚动禁用。我这样做了

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

你的回答是否改善了现有的答案?这是一个特定的用例? – emecas 2014-12-30 21:07:31

0

这将删除您的滚动条。 [我是这样意外的]

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