使用固定位置的數據過濾器（不可滾動）

Question

我正在爲我的一個小項目使用jQueryMobile。當顯示一個列表視圖加1000萬個項目的搜索過濾器時，我意識到最好在滾動列表時保持搜索輸入框不變，就像標題一樣。 想象一下，我有什麼是：

<section data-role="page" id="start-page"> 
    <header data-role="header" data-position="fixed"> 
    <h1>Start Page!</h1> 
    </header> 
    <div data-role="content"> 
    <ul data-role="listview" data-filter="true" id="start-page-listview" data-filter-placeholder="Search..." data-filter-theme="d" data-theme="d" data-divider-theme="d"></ul> 
    </div> 
</section> 

什麼是最好的實現這一點？有沒有辦法做到這一點，而不必自己觸摸jQuery Mobile文件（css或js）？

在此先感謝！

Answer 1

把搜索欄在標題和數據的位置是固定

<section data-role="page" id="start-page"> 
<header data-role="header" data-position="fixed"> 
    <h1>Start Page!</h1> 
    <ul data-role="listview" data-filter="true" id="start-page-listview" data-filter- placeholder="Search..." data-filter-theme="d" data-theme="d" data-divider-theme="d"></ul> 
</header> 
<div data-role="content"> 

</div>