Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
停用或删除HTML上的滚动条_Html_Css_Scrollbar - Fatal编程技术网

停用或删除HTML上的滚动条

停用或删除HTML上的滚动条,html,css,scrollbar,Html,Css,Scrollbar,我想取消激活或删除HTML页面中的垂直滚动条。 怎么做 谢谢。如果你真的需要它 html { overflow-y: hidden; } 将此代码放在html标题中: <style type="text/css"> html { overflow: auto; } </style> html{ 溢出:自动; } 在这种情况下,我会尝试将其放在样式表中 html, body{overflow:hidden;} 这样可以禁用滚动条,作为一种累积效应,他

我想取消激活或删除HTML页面中的垂直
滚动条。
怎么做


谢谢。

如果你真的需要它

html { overflow-y: hidden; }

将此代码放在html标题中:

<style type="text/css">
html {
        overflow: auto;
}
</style>

html{
溢出:自动;
}

在这种情况下,我会尝试将其放在样式表中

html, body{overflow:hidden;}

这样可以禁用滚动条,作为一种累积效应,他们禁用键盘滚动

Meder Omuraliev建议使用事件处理程序并将滚动设置为(0,0)。这是Wassim azirar的一个例子。综上所述,我认为这是最终的解决方案

我们有3个问题:滚动条、鼠标滚动和键盘。 这将隐藏滚动条:

       html, body{overflow:hidden;}
不幸的是,您仍然可以使用键盘滚动: 为了防止这种情况,我们可以:

    function keydownHandler(e) {
var evt = e ? e:event;
  var keyCode = evt.keyCode;

  if (keyCode==38 || keyCode==39 || keyCode==40 || keyCode==37){ //arrow keys
e.preventDefault()
scrollTo(0,0);
}
}

document.onkeydown=keydownHandler;
在这段代码之后,用鼠标滚动自然不起作用,所以我们阻止了滚动


例如:

这使得如果之前有一个滚动条,那么它使得滚动条显示为“无”,这样你就不能再看到它了。您可以将html替换为正文、类或ID。希望对您有用:)

在HTML中

<div style="overflow: hidden;">
您还可以分别结束x或y的滚动

overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */

嗯,在样式表或
元素中。很好,但它只是隐藏了滚动条;如果我使用键盘,它会向下滚动。我如何才能取消向下滚动?问题是“删除垂直滚动条”,而这正是如此。您可以尝试将
keyup
keydown
绑定到文档并在事件代码等于向下箭头时取消,或在事件处理程序上使用scrollTo(0,0)将其还原。请提出新问题并准确指定所需内容。还请说明您的Javascript水平。@AZIRAR,我想您会意识到这是个坏主意的希望太多了:-)浏览器窗口的内容可以被正确地认为是“您的”,浏览器本身(滚动条、关闭按钮、远离站点的导航等)属于用户。如果他们没有足够的垂直空间来呈现您的页面,而您又不让他们向下滚动,会发生什么情况?是否“溢出:自动”;呈现方式与默认行为完全相同?
overflow:visible
是默认行为。顺便说一句,我不是说答案是正确的。
overflow: hidden;
overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */