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

Question

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

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