6

外側の 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;
}
4

1 に答える 1

13

overflow:autoオンではdiv#contentなくオンに設定しdiv#container、何らかの方法で高さを指定する必要がありdiv#contentますheight:95%

ここにフィドルがあります：http://jsfiddle.net/TKDqT/9/

または、jQuery などで高さを指定することもできます。

$("div#content").outerHeight( $("div#container").innerHeight() -  $("div#content").position().top);

これは、パーセンテージの高さよりも正確です。

于 2013-09-06T03:29:56.363 に答える