0

dynatree を使用してアコーディオン ビューを作成しています。アコーディオンを展開するときは、提供されているテキストのスペースを確保するために展開する必要があります。次に、テキストが画面よりも遠くにある場合は、ブラウザーのスクロールバーを使用します。テキストがあるスペース(オーバーフロー:非表示)にスクロールバーが必要ありません。正しく表示されるように展開するにはどうすればよいですか?

ここに画像の説明を入力

これが「テキストを含むセクション」のクラスです

#expanderHtml{
    padding: 10px;
    border: 1px solid #aaa;

    overflow: hidden;
    background: #fff;
    position: relative;
    z-index: 12;
    -mox-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0px 1px 0px 0px #fff;
    -webkit-box-shadow: 0px 1px 0px 0px #fff;
    box-shadow: 0px 1px 0px 0px #fff;
    behavior: url(../Css/PIEFiles/PIE.htc);

}

テキスト付きのボックスの後ろにある灰色のボックスのクラスは次のとおりです。

.ViewWrapper{
    padding: 20px 20px 20px 0px;
    border-top: 1px solid #999999;
    background: #e5e5e5;
    position: relative;
    -mox-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 243px;
}

テキストが下に行くまでダイナツリーを拡張する必要があります。長すぎる場合は、残りの部分をスクロールできます

4

0 に答える 0