溢出滚动没有滚动条

Question

如何创建一个具有最大宽度/高度的div,而不是让scollbars没有任何东西仍然可以滚动？(通常通过鼠标滚轮,选择文本并向下移动鼠标或向下箭头)

我试过隐藏,但这不让我滚动.其他选项要么不允许它具有最大高度或放置滚动条.

这是一个示例演示.我想没有滚动条,但能够看到eof.

<div id=main>
    Text text text text text text text text...
    Text text text text text text text text...
    eof
</div>

#main {
    max-height: 400px;
    /*overflow: auto;*/
    overflow: hidden;
} 

Answer 1

如何将滚动条推入隐藏区域？

html,
body {
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#container {
    position: absolute;
    left: 0;
    top: 0;
    right: -30px;
    bottom: 0;
    padding-right: 15px;
    overflow-y: scroll;
    max-height: 400px;
}

JSFiddle.

来自SO的示例- 隐藏滚动条但保留以原始感觉滚动的功能.