Javascript 当没有滚动位置时，如何在Microsoft Chrome上隐藏溢出滚动条？

有没有办法隐藏Microsoft 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>

但我想让它们显示何时有地方可以滚动

---

还有一种方法可以只隐藏水平滚动条吗？

使用

overflow-y

属性并将其设置为

auto

，以便在需要时启用垂直滚动条

---

将

overflow-x

设置为

hidden

以完全禁用水平滚动。

设置

overflow-x:auto；溢出y：自动在div上，仅当需要滚动条时才显示滚动条。（来自）
因此，您的最终代码应该如下所示：



：：webkit滚动条{
显示：无
}
这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试，这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试，这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试，这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。
让我解释一下您的代码，您已经提到了容器的高度，因此每当内容超过时，它就会显示在滚动条上。如果您删除这些，将不会出现滚动条

Else提到溢出：自动，因此当它超过特定高度时，它会显示滚动条。下面是代码，如果你使用全尺寸，就不会有滚动条


div{
背景：红色；宽度：200px；溢出：自动；}

这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。这是一个测试。
“Microsoft Chrome”？？你是说你已经在Windows上安装了Chrome吗？是的，带Chrome的Microsoft操作系统只是想问什么是Microsoft Chromeuse
auto
，而不是
scroll
，以便只有当某些内容可滚动时才显示滚动条。如果您根本不需要滚动条，请删除
溢出
属性。
：：webkit滚动条{display:none}
隐藏webkit浏览器上的所有滚动条（Windows和Linux上的chrome以及macOS上的所有浏览器），您不应该使用它
::webkit-scrollbar{
   display:none
}