css - 为什么我的 div 显示垂直滚动条虽然有足够的垂直空间

Question

我正在使用谷歌浏览器 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

这是解决方案：

去 .css 的 dynatree ..\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");