帶有自動完成建議的固定位置搜索框

在我的web應用程序中，我在網頁頂部的固定工具欄中有一個搜索框。我實現這樣的工具欄的固定位置....帶有自動完成建議的固定位置搜索框

#toolbar { 
     position: fixed !important; 
     position: absolute; 
     height: 25px; 
     width: 100%; 
     top: 0px; 
     left: 0px; 
     margin: 0; 
     z-index: 100; 
     font-size: 12px; 
    }

現在，我實現它使用a jQuery plugin上的關鍵詞自動完成功能。

我的問題是如何在窗口滾動/調整大小時，將自動填充建議固定/附加到搜索框。

爲自動完成建議對話框中的CSS是....

element.style { 
    display:none; 
    left:166px; 
    position:absolute; 
    top:96px; 
    width:130px; 
} 
.ac_results { 
    background-color:white; 
    border:1px solid #C5DBEC; 
    overflow:hidden; 
    padding:0; 
    z-index:99999; 
}

我有一個問題，當我執行這些操作..

類型的東西在搜索框中，造成的建議出現
隨着搜索框打開，我滾動窗口。
這也會導致自動創建框也被滾動。

我該如何解決這個錯誤？

下面是它的外觀。

alt text

自動完成已滾動在固定位置輸入框。

更新 1：我嘗試將position: fixed;添加到自動完成。

這給不同情況下的問題。

類型的東西在搜索框中，造成的建議出現
出版社逸出，造成框消失
向下滾動窗口
在搜索框中鍵入的東西，造成的建議出現
現在的搜索框，在出現的位置，因爲它的位置滾動出現之前是固定的

更新：

alt text

更新2：

下面的代碼添加到自動完成的CSS的伎倆。

.ac_results { 
     background-color:white; 
     border:1px solid #C5DBEC; 
     overflow:hidden; 
     padding:0; 
     z-index:99999; 
     position: fixed; 
     top: 0px; 
     margin: 20px 0px 0px 0px; /* The top margin defines the offset of textbox */ 
    }

問候

來源

2010-08-25 vikmalhotra

我想，只有一個活生生的例子將幫助我們來幫助你。 – Sotiris 2010-08-25 10:12:38