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

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; 设置为滚动条，滚动条将在视觉上为您提供所需内容