2014-05-21 25 views
-1

我在我的項目中使用jquery自動完成。自動填充建議的高度存在問題。該容器超過文檔的高度。該行爲被複制在下面的小提琴:Jquery自動完成超過文檔高度

http://jsfiddle.net/cq5kL/1/

.ui-autocomplete { overflow: auto; } 

我試圖讓bottom:0到的.ui-自動完成。它在數據更多時起作用,但對於2-3個reocords,有一個巨大的塊延伸到文檔的底部。 請建議如何將高度限制在文檔的高度,而不考慮或不考慮。自動填充建議列表中的記錄。

編輯:已經有在我的網頁太多的JavaScript,我寧願一個解決方案覆蓋的CSS類

+0

你搞清楚該怎麼辦呢?這裏的解決方案提供了一個很大程度上爲空的菜單區域,當有1或2個條目,而不是收縮 – ekkis

回答

2

儘量給的.ui-自動完成的高度。例如:

.ui-autocomplete { 
    overflow: auto; 
    height: 300px; 
} 

看到更新後的小提琴:http://jsfiddle.net/cq5kL/2/

+0

我不想修復高度。我希望它變得流暢。 – EvilDevil

+0

像這樣的東西? http://jsfiddle.net/cq5kL/3/ – Pataar

+0

http://jsfiddle.net/cq5kL/4/發生在輸入 – EvilDevil

0

改變你的CSS爲:

.ui-autocomplete { overflow-y: scroll; height:200px} 

DEMO

+1

我不想修復高度。我希望它變得流暢。 – EvilDevil

0

對我來說,解決方案是類似Pataar的答案。

.ui-menu { 
    overflow: auto; 
    height: 300px; 
}