劍道手機用戶界面固定位置

Question

我正在用jQuery使用Kendo移動用戶界面來構建混合應用程序。

我正在建立一個列表頂部的搜索框的關係。滾動列表時，搜索框也會隨列表一起向下滾動，但我希望它保持在最前面。

我的看法是這樣的

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

得到它的工作像你想讓它。

位置固定使元素固定在屏幕上而不是在頁面上。所以如果你滾動，它總是保持在同一個位置。