隐藏滚动条但仍然可以在不使用 -webkit-scrollbar 的情况下滚动

Question

有人知道隐藏滚动条并且仍然能够滚动但不使用 -webkit-scrollbar {display:none} 的方法吗？问题是我可以这样做，但在我的公司他们使用 SonarQube 和它显示和意外错误，所以它不会让我们部署

SonarQube 错误：

Answer 1

您可以在您的元素或整个正文中使用overflow: hidden; 来隐藏所有滚动条，如下所示：

body {
  overflow: hidden;
}

或者如果你只想隐藏水平的，你可以这样做：

body {
  overflow-x: hidden;
}

要专门隐藏垂直的，你可以这样：

body {
  overflow-y: hidden;
}