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

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

我建议制作自定义滚动条。 Scrollpane有很多选择，似乎是最受欢迎的选项之一。将其与mousewheel结合并将display: none !importnant;设置为滚动条和滚动轨迹，可以直观地显示您需要的内容