爲什麼我的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

這裏是解決方案：

去dynatree的的CSS .. \ SRC \皮膚遠景\ 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");