「jquery.mobile.scrollview.min.js」を使用して、div をスクロール可能にしています。私のアプリは、バージョン 5 以上のすべての IOS で正常に動作しますが、IOS バージョン 4.3 で実行しようとすると、スクロール領域が奇妙に動作します。
以下のように私のDiv
<div id="BranchesScrollDiv" class="ui-listview">
<table class='MrPfixedcolumn' width="100%" style="border-spacing: 0; font-family: Arial;
color: #000; font-weight: bold; font-size: small">
<wc id="wcMrPTableContainer" runat="server">
<tr id='MrPcolumn1row1' class="#CssClass#">
<td class='MrProw1' align='left' onclick="BLBranchID=#BranchID#; BLBranchENname=#BranchENname#;BLBranchARName=#BranchARName#;BLCity=#City#;BLArea=#Area#;BLLong=#Long#;BLLati=#Lati#;BLTele=#Tele#;BLEmail=#Email#;BLFax=#Fax#;BLWorkH=#WorkH#; HandleBranchesListRowClicked();" style="width:50%;height:30px;border-right:1px solid #fff;">
<span id='MrPcolumn1row1span' >#BranchValue#</span>
</td>
<td class='MrProw1' align="left" onclick="BLBranchID=#BranchID#; BLBranchENname=#BranchENname#;BLBranchARName=#BranchARName#;BLCity=#City#;BLArea=#Area#;BLLong=#Long#;BLLati=#Lati#;BLTele=#Tele#;BLEmail=#Email#;BLFax=#Fax#;BLWorkH=#WorkH#; HandleBranchesListRowClicked();" style="width:25%;height:30px;border-right:1px solid #fff;">
<span id='Span1' >#CityValue#</span>
</td>
<td class='MrProw1' align="left" onclick="BLBranchID=#BranchID#; BLBranchENname=#BranchENname#;BLBranchARName=#BranchARName#;BLCity=#City#;BLArea=#Area#;BLLong=#Long#;BLLati=#Lati#;BLTele=#Tele#;BLEmail=#Email#;BLFax=#Fax#;BLWorkH=#WorkH#; HandleBranchesListRowClicked();" style="width:25%;height:30px;">
<span id='Span2' >#AreaValue#</span>
</td>
</tr>
</wc>
</table>
</div>
そして、以下のように準備されたドキュメントでスクロールを適用しました
$("#BranchesScrollDiv").scrollview({ direction: 'y' });
$("#BranchesScrollDiv > .ui-scrollbar").addClass("ui-scrollbar-visible");
この問題を解決するために何ができるかアドバイスしてもらえますか?
前もって感謝します。