剑道移动UI固定位置

Question

我正在使用带有 jquery 的 Kendo 移动 UI 来构建一个混合应用程序。

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

我的视图是这样的

<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 使元素固定在屏幕上而不是在页面上。因此，如果您滚动，它始终保持在同一位置。