嵌套的div滚动条

Question

我正在尝试使用内部div来显示y轴滚动条而不是外部div。

在示例中，外部div正在滚动，其中包括我不想要的菜单。

http://jsfiddle.net/TKDqT/6/

CSS

div#container
{
        overflow: auto;

        width: 90%;
        height: 65%;
        position: absolute;
        top: 100px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto -10px;
        padding: 10px;

        background-color: rgba(0,0,0,0.6);
        border:0px solid black;
        border-radius:15px;

        font-family: 'PT Sans', arial, serif;
        color:#ffffff;
        text-align:right;
        font-size:18px;
}

div#content
{
        font-family: 'PT Sans', arial, serif;
        color:#ffffff;
        text-align:left;
        font-size:14px;
}

Answer 1

您必须设置overflow:auto上的div#content而不是div#container，并以div#content height:95% <{1}}以某种方式指定高度$("div#content").outerHeight( $("div#container").innerHeight() - $("div#content").position().top); / p>

这是一个小提琴：http://jsfiddle.net/TKDqT/9/

或者你也可以用jQuery指定高度：

{{1}}

这比高度百分比更准确。