固定雙頭，可滾動內容（移動應用程序）

我有問題設計使用WebWorks的移動應用程序的佈局。頁面的佈局是：固定雙頭，可滾動內容（移動應用程序）

----------------Title Header (div#title)----------------- 
----------------Tabs Header(div#tabs)-------------------- 
-----------  content (div#content) ----------------

的標記：

<body> 
    <div id="mainContainer"> 
    <div id="title">Some title</div> 
    <div id="tabs">Some navigation tabs</div> 
    <div id="content> 
     <!--- some contents that could be in contain in div or table populated from  
     database--> 
    </div> 
    </div>

DIV＃標題和DIV＃標籤是固定的頭。 div＃內容可以垂直滾動，不會與div＃標題和div＃標籤重疊，也可以水平滾動，但div＃標題和div＃標籤在水平滾動時不得移動或不可見。

我試過設置positon：固定爲div＃標題和div＃標籤，但是當嘗試在黑莓手機中滾動時，存在一些滯後的問題，因此div＃標題和div＃標籤需要很長時間來刷新和顯示自身。

如果position：fixed無法使用，是否有人修復了標題，但是使內容可以滾動而不重疊或拉伸佈局？

謝謝。

來源

2012-11-09 Jamie

我一直處理的滾動這樣的：

body { position: fixed; }

#title, #tabs { position: fixed; }

#content { overflow-y: scroll; -webkit-overflow-scrolling: touch; // for bb10 }

注意，如果你的目標黑莓10，-webkit-溢出滾動： touch ;,可以讓你利用慣性滾動效果。

來源

2012-11-12 17:08:06 chadtatro

謝謝你的回覆。我已經將#content overflow-y：scroll更改爲overflow：auto，然後當我嘗試向右滾動時，頂部標題在滾動時滯後，並且需要時間加載。 – Jamie

固定雙頭，可滾動內容（移動應用程序）

回答

相關問題