Css 固定双标题，可滚动内容（移动应用程序）_Css_Html_Blackberry Webworks

Css 固定双标题，可滚动内容（移动应用程序）

css html

Css 固定双标题，可滚动内容（移动应用程序）,css,html,blackberry-webworks,Css,Html,Blackberry Webworks,我在使用WebWorks设计移动应用程序的布局时遇到问题。页面布局如下： ----------------Title Header (div#title)----------------- ----------------Tabs Header(div#tabs)-------------------- ----------- content (div#content) ---------------- 标记： <body> <div id="mainCo

我在使用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>


一些头衔
一些导航选项卡
我总是这样处理滚动：

身体{
位置：固定；
}

#标题，#选项卡{
位置：固定；
}

#内容{
溢出y：滚动；
-webkit溢出滚动：触摸；//用于bb10
}

注意，如果您的目标是黑莓10，-webkit溢出滚动：touch；，将允许您使用惯性滚动效果。
谢谢您的回复。我已将#content overflow-y:scroll更改为overflow:auto，然后当我尝试向右滚动时，顶部标题在滚动时滞后，需要时间加载。