dojo / dojo mobile 初心者です。ヘッダーとその下にあるアイテムのリストを含む画面を作成しています。モバイルアプリでは非常に古典的です。
<body id="content" style="display: none">
<div data-dojo-type="dojox.mobile.ScrollableView" id="mainView"
data-dojo-props="selected:true,scrollDir:'v'">
<h1 data-dojo-type="dojox.mobile.Heading"
data-dojo-props="label:'Main',fixed:'top'"></h1>
<div data-dojo-type="dojox.mobile.EdgeToEdgeList" style="margin-top: 0px;">
<div data-dojo-type="dojox.mobile.ListItem"
data-dojo-props="label:'Take Picture...',
icon:'images/plus-30.png',
url:'TakePicture.html',
transition:'slide'">
</div>
</div>
</div>
<script src="js/initOptions.js"></script>
<script src="js/PhoneGapDemo.js"></script>
<script src="js/messages.js"></script>
問題 : リストの最初の項目がヘッダーの後ろに隠れて表示されません。(IBM Rich Page Editor、IBM Mobile App Simulator、Apple iOS Simulator、および iPhone iOS6 での同じレンダリング)
私はプロジェクトを開始したばかりで、派手な CSS などはありません... ゼロから始めて、ScrollableView、Header、EdgeToEdgeList、そして ListItems を追加しました。
回避策は、EdgeToEdgeList にスタイルを適用して 40 ピクセル下に移動することです。しかし、それはきれいではなく、クロスプラットフォームの互換性を壊します (ヘッダーが常に 40px の高さではない場合はどうなりますか?)
DoJo 1.8 を使用しています
ありがとう
セブ