1

Google Chrome 19.x または IE9.x を使用しています

Html5 Doctype を設定しました。

TreeDiv 内に jquery dynatree プラグインがあります。

スクロールせずにツリー項目を垂直方向に表示するのに十分なスペースがありますが、それらのスクロールバーは表示されます。

何故ですか？

問題は、垂直スペースが非常に少なくなり、ULタグ内にあるダイナツリーから垂直スクロールバーも表示される場合です。したがって、ul-dynatree は正しく動作していますが、私の div だけがスクロールバーに夢中になっています!

overflow: hidden; を設定することもできます。役に立たないTreeDivで。垂直スクロールバーは常に表示されます:/

ここに画像の説明を入力

function loadUnits(data) {       
        $('#TreeDiv').dynatree({
            onActivate: function (node) {
                getEmployees(node.data.key);
            }, children: data
        });
    }

#TreeDiv{      
    width: 200px;
    position: fixed;
    left: 100px;
    top: 50px;
    bottom: 0px;  
    overflow: hidden;       
}
4

3 に答える 3

2

インナーdivのスタイルが の場合、これがoverflow:auto一般的にこの問題を引き起こします。

于 2012-06-03T20:59:28.470 に答える
1

解決策は次のとおりです。

dynatreeの.cssに移動します..\src \ skin-vista \ ui.dynatree.css

タグを編集します。

ul.dynatree-container
{
font-family: tahoma, arial, helvetica;
font-size: 10pt; /* font size should not be too big */
white-space: nowrap;
padding: 3px;
margin: 0; /* issue 201 */
background-color: white;
border: 1px dotted gray;
width: 480px;
height: 580px;
overflow: scroll;   

}

完了しました。あなたは自動的にシュリンクツリーを成長させます

于 2013-02-14T12:11:41.323 に答える
0

チェック ボックスの項目をチェックすると、スクロール バーが表示されるという問題がありました。

これをonSelectに追加しました

$("ul.dynatree-container").css("overflow", "hidden");
于 2013-04-11T20:30:06.883 に答える