jquery - Kendo 移动 UI 固定位置

Question

我正在使用 Kendo 移动 UI 和 jquery 来构建混合应用。

我正在用列表顶部的搜索框构建一个关系列表。在滚动列表时，搜索框也会随着列表向下滚动，但我希望它保持在顶部。

我的观点是这样的

<div data-role="view" data-title="Relations" data-layout="main" data-model="app.relations" data-show="app.relations.onShow" data-after-show="app.relations.afterShow">

<div class="search-box">
    <input type="text" class="search-input" id="searchRelations" placeholder="Search...">
</div>

<ul id="relations" class="data-list"></ul>

CSS 看起来像这样

.search-box {
 position: fixed;
 top: 0px;
}

知道如何解决吗？

Answer 1

你有最高的用途

.search-box {
 position: absolue;
 top: 0px;
}

让它像你想要的那样工作。

position fixed 使元素固定在屏幕上而不是页面上。因此，如果您滚动，它会始终停留在同一位置。