html - 在 Mozilla 上用 margin-right 隐藏滚动条会弄乱内容

Question

所以我用这段代码在 Chrome 上隐藏了我的滚动条:

 ::-webkit-scrollbar {
    width: 0px;
    background: transparent; 
  }

而且我发现在 Firefox 中隐藏它的最好方法是在父 div 上设置 margin-right: -16px。在 Firefox 中，这看起来很棒。但是，问题现在出现在 Chrome 中，因为它会将父 div 中的全部内容移动到右侧。如果我尝试通过将 margin-right: 16px 添加到父 div 内的容器来修复它，那么它会在 Firefox 中搞砸。

我相信您以前遇到过这个问题，但我能做些什么来解决这个问题吗？任何已知的解决方案？谢谢!

Answer 1

如果你只是想在视觉上隐藏滚动条并仍然允许用户使用鼠标或键盘滚动，你可以尝试以下 css:

html {
    overflow: -moz-scrollbars-none;
}