当没有滚动位置时，如何隐藏Microsoft Chrome上的溢出滚动条？
有没有办法隐藏微软Chrome的滚动条，只在没有滚动位置的时候隐藏？以下div/样式总是显示滚动条，水平和垂直。即使高度大于内容。
<div style="background: red; width: 200px; height: 100px; overflow: scroll">
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.This is a test. This is a test. This is a test. This is a test. This is a test.This is a test. This is a test. This is a test. This is a test. This is a test.This is a test. This is a test. This is a test. This is a test. This is a test.
</div>
以下隐藏了滚动条：
::webkit-scrollbar{
display:none
}
但是我想让他们显示什么时候有地方可以滚动
是否也有只隐藏水平滚动条的方法？
共有3个答案
在div上设置overflow-x： auto； overflow-y： auto；，它仅在需要时才显示滚动条。（来自这篇文章）所以您的最终代码应该如下所示：
<html>
<head>
<style>
::webkit-scrollbar{
display:none
}
</style>
</head>
<body>
<div style="background: red; width: 200px; height: 100px; overflow: scroll;overflow-x: auto;overflow-y: auto;">
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.This is a test. This is a test. This is a test. This is a test. This is a test.This is a test. This is a test. This is a test. This is a test. This is a test.This is a test. This is a test. This is a test. This is a test. This is a test.
</div>
</body>
</html>
让我解释一下你的代码，你已经提到了你的容器的高度，所以每当内容超过时，它就会显示滚动条。如果删除这些内容，则不会有滚动条。
Else提到了< code>overflow: auto,这样当它超过特定高度时，就会在滚动条上显示出来。这是下面的代码，如果你使用全尺寸，就不会有滚动条。
div{
background: red; width: 200px;overflow:auto;}<div >
This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test.
</div>
使用< code>overflow-y属性并将其设置为< code>auto以在需要时启用垂直滚动条。
将< code>overflow-x设置为< code>hidden以完全禁用水平滚动。
-
嗯，我也试着把它藏在身体里！还是不工作..？
-
问题内容： 我想创建一个可以滚动但不显示滚动条的div。我已经找到了Webkit的解决方案（如下），但是如何在其他浏览器中实现呢？ 我宁愿避免使用javascript插件。希望找到CSS或特定于供应商的解决方案。 问题答案： 您必须将可滚动div包裹在另一个div中，以隐藏滚动条。 。 顺便说一句：一个漂亮的jQuery小插件jScrollPane使用了相同的技术
-
问题内容： 考虑这个图像。如您所见，它具有一个应用程序栏，而该应用程序栏具有“选项卡式”按钮。我正在尝试对应用 栏进行动画处理，以使其在向上滚动时隐藏，并且仅显示“选项卡按钮”，而在向上滚动时不显示应用栏。请 帮帮我。对不起英语不好而不不是美国人我不是英语 问题答案： 如果我对您的理解正确，以下代码应可使应用程序栏在滚动时隐藏，而TabBar仍可见： 示例来自于。这篇文章.
-
所以我不知道该怎么解释，但我会试着解释的。我有一个评论页面。帖子是一个顶部，下面的评论字段。在这两者的中间是评论。现在的问题是，在几个注释之后，用户最终不得不向下滚动相当多的时间来查看表单。我想做的是显示4个评论，然后当用户向下滚动时，他们会看到更多。只有当他们在评论上滚动时。所以它类似于，但是在div上。这里有更多的信息来可视化它 如果用户在任何注释上滚动，它将像一样滚动，并显示更多注释。所以它
-
问题内容： 给出以下HTML代码段： 您（通常）会得到一个黑匣子，其中的滚动条包含一个数字1至30，每个数字都在新行中。 您可以在该框内上下滚动。 我现在需要的是找出框处于哪个滚动位置的可能性。假设每行高15像素，然后向下滚动到数字10，我想得到的结果是数字150（15像素* 10行）。 我在哪里可以找到这个号码？ 我手上有普通的JavaScript和jQuery。 问题答案： 您需要使用该属性。
-
我试图创建一个滚动条隐藏的页面，但你仍然可以滚动或点击链接向下滚动。我可以隐藏滚动条，但我不能在100%上留下一页滚动。HTML CSS