當頁面滾動時Datalist不固定到文本框

我想要一個也有下拉的文本框。它也應該能夠從下拉選項中進行搜索。下面的代碼滿足上述要求，但是當頁面向下滾動時，下拉框與頁面一起移動，而不是固定到文本框。當頁面滾動時Datalist不固定到文本框

<datalist id="browsers" style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> 
 
    <option value="Internet Explorer"> 
 
    <option value="Firefox"> 
 
    <option value="Chrome"> 
 
    <option value="Opera"> 
 
    <option value="Safari"> 
 
    </datalist> 
 
<input list="browsers" name="browser">

來源

2017-07-14 coder7777

當我向下滾動，下拉關閉。我明白錯了嗎？ – Berkay

@Berkay它不會關閉我，而是隨着網頁移動。 – coder7777

你可以在jsfiddle上製作它嗎？ – Berkay

你爲什麼不使用Chosen？ Chosen在這個目的上真的很有效。您不僅可以在下拉菜單中進行搜索，還可以一次選擇多個項目。

看看她在JsFiddle

來源

2017-07-14 08:42:13 gdmanandamohon

當頁面滾動時Datalist不固定到文本框

回答

相關問題