问题使用溢出时无法隐藏滚动条：自动

我有这个CSS：

.div {
    background-color: red;
    position: relative;
    height: 414px;
    overflow: auto;
    width: 902px;
    margin: 0px auto;
}

我试过了 overflow-y: hidden;，滚动条消失但滚动不起作用。希望你明白我想要的...... 另外，我应该使用自动还是滚动？有了auto，我也看到了水平条。

这是JSFiddle： http://jsfiddle.net/sp95S/
谢谢！

10404

2017-12-07 22:16

起源

你期望发生什么？这是正确的行为。 - Danny Beckett

我想隐藏滚动条而不影响滚动。 - youmotherhaveapples

你会如何滚动内容？！ - Danny Beckett

可能是这个的副本： stackoverflow.com/questions/3296644/... （看看第二个答案） - linstantnoodles

在这种情况下，您需要使用JavaScript。仅靠CSS无法满足您的要求。 - Danny Beckett

答案:

创建一个内部div： http://jsfiddle.net/sp95S/1/

.div {
    background-color: red;
    position: relative;
    height: 214px;
    overflow: hidden;
    width: 452px;
    margin: 0px auto;
}
#inner{
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-right: 15px;
}

2017-12-07 22:42

非常聪明的答案！ - Lucian Minea

看起来您希望页面仍然滚动而不显示滚动条。

这已经在这里回答了几次：

基本上你可以使用javascript（或jquery，虽然你不一定需要它）。在webkit浏览器上，有一个隐藏滚动条的功能：

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

但它不适用于Firefox或Internet Explorer或Opera。

2017-12-07 22:25

这个威力在Opera上工作，因为它现在运行Webkit，但我仍然不会使用它，因为它不适用于除Webkit之外的任何东西。 - Danny Beckett

如果你想隐藏滚动条，但保持滚动，你可以查看一个名为的插件 slimscroll。滚动条在那里，但它可以配置为相当不明显。

http://rocha.la/jQuery-slimScroll

2017-12-07 22:22

问题 使用溢出时无法隐藏滚动条：自动

答案:

热门问题

问题使用溢出时无法隐藏滚动条：自动