Question

我想在HTML页面中取消激活或删除垂直scrollbar 怎么做？

感谢。

Answer 1

如果你真的需要它......

html { overflow-y: hidden; }

Answer 2

将此代码放在您的html标题中：

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

Answer 3

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

中

html, body{overflow:hidden;}

这样就可以禁用滚动条，作为累积效果，它们会禁用滚动键盘

Answer 4

如果没有滚动条，然后滚动条将显示为无，因此您将无法再看到它。您可以将html替换为body或类或ID。希望它对您有用：）

html::-webkit-scrollbar {
    display: none;
}

Answer 5

Meder Omuraliev建议使用事件处理程序并设置scrollTo（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;

在此代码之后，使用鼠标滚动自然不起作用，因此我们阻止了滚动。

例如：https://jsfiddle.net/aL7pes70/1/

Answer 6

在 HTML 中

<div style="overflow: hidden;">

在 CSS 中

overflow: hidden;

您也可以分别结束滚动 x 或 y

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

停用或删除HTML上的滚动条

6 个答案: