为什么我的div显示垂直滚动条，尽管有足够的垂直空间

Question

我使用的是Google Chrome 19.x或IE9.x

我已设置Html5 Doctype。

我的TreeDiv中有一个jquery dynatree插件。

虽然有足够的空间可以垂直显示更多树项而无需滚动，但这些滚动条是可见的。

为什么？

问题还在于当垂直空间变小时，垂直滚动条也会显示在ul-tag内的dynatree上。因此ul-dynatree正确地做到了，只有我的div对滚动条感到疯狂！

我甚至可以设置溢出：隐藏;在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;       
}

Answer 1

请注意，如果您的内部div的样式为overflow:auto。这通常会导致此问题。

Answer 2

以下是解决方案：

转到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;   

}

你做完了。你将自动生长收缩树

Answer 3

我在检查复选框项时会出现滚动条的问题。

我将此添加到我的onSelect

$("ul.dynatree-container").css("overflow", "hidden");