如何禁用页面的滚动条?

时间:2010-08-31 17:02:29

标签: javascript jquery css dom scroll

如何禁用页面的滚动条。

并禁用此按钮。

alt text

7 个答案:

答案 0 :(得分:29)

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

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

答案 1 :(得分:7)

您无法禁用该按钮(或任何其他滚动页面的方法); see this。但是,您可以在检测到滚动时随时滚动(0,0)。这可能看起来很难看(页面滚动一点,然后再跳回来)。

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

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

答案 2 :(得分:6)

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

答案 3 :(得分:1)

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

答案 4 :(得分:1)

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

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

答案 5 :(得分:0)

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

答案 6 :(得分:0)

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

SELECT  SUM(e.Quantity) AS SumQuantity

FROM  XMLTABLE('/Receive/ReceiptDetails/ReceiptDetail' 
      PASSING XMLTYPE('<Receive xmlns:xsd="http://www.w3.org/2001/XMLSchema"
                                xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
                            <Date>20171106</Date>
                            <ReceiptDetails>
                                <ReceiptDetail>
                                    <Quantity>3</Quantity>
                                </ReceiptDetail>
                                <ReceiptDetail>
                                    <Quantity>2</Quantity>
                                </ReceiptDetail>
                                <ReceiptDetail>
                                    <Quantity>1</Quantity>
                                </ReceiptDetail>
                                <ReceiptDetail>
                                    <Quantity>4</Quantity>
                                </ReceiptDetail>
                            </ReceiptDetails>
                        </Receive>')
       COLUMNS
        Quantity NUMBER PATH 'Quantity') as e