javascript - 使用固定位置的数据过滤器(不可滚动)

Question

我正在为我的一个小项目使用 jQueryMobile。当显示带有 100 万个项目的 ListView 及其搜索过滤器时，我意识到在滚动列表时保持搜索输入框固定会更好，就像标题一样。 想象一下，我拥有的是:

<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>