css - 没有滚动条的溢出滚动

Question

我如何创建一个具有最大宽度/高度的 div，而不是让 scollbars 什么都没有但仍然能够滚动？ (通常通过鼠标滚轮完成，选择文本并向下移动鼠标或向下箭头)

我试过隐藏，但那不允许我滚动。其他选项要么不允许它具有最大高度，要么放置滚动条。

这是一个sample demo .我希望没有滚动条但能够看到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 - Hide the scrollbar but keep the ability to scroll with native feel .