剑道移动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;
}

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

固定位置使元素固定在屏幕上不在页面上。因此，如果你滚动，它总是在同一个位置。