Question

如果我删除全局滚动条设置，则显示。

<body>
  <div class="content"></div>
</body>

body {
  ::-webkit-scrollbar {
    display: none
  }
}

.content {
  height: 10px
  overflow-y: scroll;
}

我尝试了这个，但滚动条总是消失;

.content::-webkit-scrollbar {
  display: none
}

Answer 1

更改

body {
  ::-webkit-scrollbar {
    display: none
  }
}

.content {
  height: 10px
  overflow-y: scroll;
}

到

.content {
  height: 10px;
  overflow-y: scroll;
}

你忘记了;的身高...... 以下是fiddle示例。

Answer 2

最后，更改全局滚动条的设置

改变这个：

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

到

  ::-webkit-scrollbar {
    width: 0;
  }

如果在某个地方我需要它：

  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-thumb {
    background: #ddd;
  }

是的，它有用，也许{width：auto}匹配得更好。

html全局隐藏滚动条，如何在div标签内显示它

2 个答案: