隐藏垂直滚动条，不使用外部/内部容器

Question

我正在寻找一种方法来消除页面上某个元素的垂直滚动条，但要保持它的可滚动性。我知道一些解决方案使用外部/内部容器和溢出技术将的滚动条推到不可见的区域，但我希望在没有任何额外元素的情况下实现这一点。到目前为止，我已经尝试了以下方法：

.element {
  overflow-y: auto;
  /* overflow: -moz-scrollbars-none; */
  -ms-overflow-style: none;
}
.element {
    display: none;
}

然而，经过一些研究，我发现overflow: -moz-scrollbars-none;已经贬值，不再在firefox中工作，这就是我需要帮助的地方。也许是某种jQuery替代方案来修复firefox中的问题？

Answer 1

我建议制作一个自定义滚动条。滚动窗格有很多选项，似乎是最受欢迎的选项之一。将其与鼠标滚轮相结合，并将display: none !importnant;设置为滚动条和滚动轨迹，将直观地为您提供所需的