0

モバイル アプリの基本的なレイアウトは次のとおりです。

html レイアウト:

<div id="title">Title</div>
<div id="tabs">Some tabs</div>
<div id="container" x-blackberry-focusable="true">
<div id="contents" style="width: "1000px;" height: "1000px;">
<div x-blackberry-focusable="true" onmouseover="highlight(this)" onmouseout="noHighlight(this)">I am some content">
 . 
 .
 .
<div x-blackberry-focusable="true" onmouseover="highlight(this)" onmouseout="noHighlight(this)">I am some content"> 
</div>
</div>

CSS コード:

#title
{
   height: 50px;
}
#tabs
{
   height: 40px;
}
#container
{
   overflow: auto;
}

jQuery を使用してモバイル画面の幅と高さを検出する幅と高さを設定し、異なるバージョンの BlackBerry 電話に適合するようにしました。jQuery は、div#title、div#tabs、および div#container の幅を検出するためにも使用されます。

div#container 内のコンテンツは、常に div#container の高さまたは幅よりも大きくなります。たとえば、Torch 9800 では、画面は 360x480 です。div#container は 360x390 になり、内部はすべて div#container よりも大きくなります。

div#container overflow: auto を設定しても、トラックパッドまたはトラックボールを使用して div#container 内のコンテンツをスクロールすると、内側のコンテナーが div#container よりも大きい場合でも、div#container の幅または高さを超えることはありません。

誰でも私を助けてください。私は何週間も立ち往生しており、本当に迷っています。

ありがとうございました。

4

1 に答える 1

1

これを試して -

  #container{
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
  }

注：コンテナー/コンテンツに位置プロパティ（絶対または相対）がある場合、正しく機能しません。BBOS6以降はWebkitを使用しています。

于 2012-12-02T04:31:23.700 に答える