文章/答案/技术大牛

发布

社区首页 >问答首页 >隐藏滚动条，但仍然可以在Firefox上滚动

问隐藏滚动条，但仍然可以在Firefox上滚动
EN

Stack Overflow用户

提问于 2016-05-21 23:34:11

回答 2查看 1.4K关注 0票数 0

我有一个问题隐藏在我的页面滚动条，但我仍然希望能够滚动。

我知道我可以用

::-webkit-scrollbar {
  display:none;
}

，但它显然不能在Firefox或其他非webkit浏览器上工作。

我读了很多解释如何实现这一点的帖子，但我就是不能让它工作。

有人能帮我一下吗？

网址：http://test.6f.sk/

javascript

jquery

html

css

firefox

回答 2

Stack Overflow用户

发布于 2016-05-21 23:38:31

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

或任何其他要禁用滚动条的元素

票数 0

Stack Overflow用户

发布于 2017-11-21 03:18:35

我所知道的最好的答案就是把滚动条放在看不见的地方：

.crop {
  width: 300px;
  overflow-x: hidden;
}

.scroller {
  width: 300px;
  height: 200px;
  overflow-y: scroll;
  
  /* Must be ≥ scrollbar width. Scrollbar width varies by
   * browser, OS, and config, so don't be precise, choose
   * something wider than any scrollbar.
   */
  padding-right: 50px;
}

<div class="crop">
  <div class="scroller">
    1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
    11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>
  </div>
</div>

还值得注意的是，在Safari (当前版本11.0.1)中，当使用::-webkit-scrollbar { display: none; }隐藏页面上的水平滚动条时，如果启用了Back按钮，会产生错误行为。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37364875

复制

相似问题

问隐藏滚动条，但仍然可以在Firefox上滚动
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问隐藏滚动条，但仍然可以在Firefox上滚动EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问隐藏滚动条，但仍然可以在Firefox上滚动
EN