logo标签列表

禁用浏览器滚动条

javascriptjquery
10

你好，是否可以通过JavaScript禁用浏览器滚动条？如果可以，该怎么做呢？

如果有人知道，请帮忙提供帮助。谢谢！

5个回答
31

CSS

body
{
    overflow: hidden;
}

JavaScript

document.body.style.overflow = "hidden";

jQuery

$("body").css('overflow', 'hidden');
6
这并非是禁用，而只是隐藏了它。 - SynBiotik
9
请使用以下CSS：
body {
   overflow:hidden;
}
4

您可以通过使用CSS和JavaScript为body标签设置overflow:hidden来禁用浏览器滚动条。

或者，只需为body标签添加ID并使用以下代码：

例如：

<body id="page">

JAVASCRIPT

 document.getElementById( "page" ).style.overflow= "hidden";
3
请使用以下代码片段：
document.body.style.overflow = "hidden";
0

这里还有其他可能的溢出值

overflow = document.body.style.overflow

/* Keyword values */
overflow: "visible";
overflow: "hidden";
overflow: "clip";
overflow: "scroll";
overflow: "auto";
overflow: "hidden visible";

/* Global values */
overflow: "inherit";
overflow: "initial";
overflow: "revert";
overflow: "unset";
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接