停用或删除HTML上的滚动条
我想取消激活或删除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 { 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 */