iScroll を機能させようとすると問題が発生します。
現在、Webworks、HTML5、jQuery、JavaScript、CSS を使用して開発されたこのアプリに取り組んでおり、このアプリは、OS 6 および 7 で実行されるタッチ スクリーン デバイスと非タッチ スクリーン デバイスの両方に対応します。
私たちのチームが開発しているアプリも、大量のデータを取得して表示する必要があるため、多くのスクロール (水平方向と垂直方向の両方) が必要になります。その時、私たちは頭を強打し、髪を引っ張り始めます。OS 6 および 7 では、div を overflow: auto に設定しても、スクロールバーは表示されず、ユーザーがトラックパッド/トラックボールを使用してスクロールしようとすると、スクロールはスクロール div の高さまたは幅を超えません。
その後、iScroll を発見しました。それは良いことですが、もう 1 つの問題は、アプリが次のように動作することです。
index.html が 1 つあります。
<body id="mainBody" onLoad="mainMenu()"></body>
関数 1 (関数 one_page())、関数 2 (関数 two_page()) など、アプリの他の機能へのレイアウトとナビゲーションが含まれている mainMenu() をロードします。iScroll は次の場所で初期化されます。
<body id="mainBody" onLoad="mainMenu()">
<script type="text/javascript">
var myScroll;
function scroll() {
myScroll = new iScroll('wrapper',);
}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
window.addEventListener('load', scroll, false);
</script>
問題 1 - 2 番目の iScroll が初期化
されていない iScroll は mainMenu() で適切に表示されますが、iScroll は mainMenu() から呼び出される他の関数では表示されません。たとえば、mainMenu() には関数 displayUser() へのリンクがあります。リンクをクリックすると、iScroll は表示されません。この問題の解決策はありますか?
問題 2 - Blackberry トラックパッド
別の問題もあります。ページに 5 行以上のレコードが表示され、x-blackberry-focusable="true" でもトラックパッドのフォーカス ナビゲーションが機能せず、フォーカス イベントを処理する onmouseover および onmouse イベントがあります。config.xml にも設定されています。
誰かがこれらの問題に遭遇しましたか? どんな助けでも大歓迎です。