如何隐藏窗口滚动条并使滚动仍然有效[重复]

Posted

技术标签:

【中文标题】如何隐藏窗口滚动条并使滚动仍然有效[重复]【英文标题】:How to hide window scrollbar and make scrolling still working [duplicate] 【发布时间】:2014-03-29 00:58:34 【问题描述】:

我想隐藏窗口滚动条,我使用了这个 css 样式

body  overflow: hidden; 

但这里的问题是 srcolling 也被禁用了!

那么,如何隐藏窗口滚动条并使滚动仍然有效?

先谢谢了。

【问题讨论】:

【参考方案1】:

使用 CSS

::-webkit-scrollbar  
    display: none; 

这是一个Demo

它在没有滚动条的情况下滚动...

【讨论】:

【参考方案2】:

请使用:

body 
   height : 500px; 
   overflow : scroll;

【讨论】:

以上是关于如何隐藏窗口滚动条并使滚动仍然有效[重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何隐藏水平滚动条并保持垂直滚动条可见,同时仍然能够水平滚动?

css设置滚动条并显示或隐藏

在 ScrollView 中隐藏滚动条

隐藏滚动条,同时仍然可以使用鼠标/键盘滚动[重复]

滚动条可以通过设置取消

如何在div中隐藏滚动条[重复]