Phonegap に移植するアプリがあり、スクロールのいくつかの側面を処理するために iScroll 5 を使用しています。
このアプリはRatchetの CSS を使用して構築されていますが、大幅に変更されており、ほぼすべての Ratchet JavaScript が削除されています。jQueryも。FastClick.js。
アプリは単一の HTML ファイル (Ratchet からは使用しない) であり、マスター領域内にpush.js分割され、CSS3 トランジションで変更されます。これまでのところ、は 2 つの場所で使用されています。への 2 つの異なる呼び出しで同時に初期化されます。PagesContentiScrollIScroll("#id")
最初のiScrollものは問題なく動作します。これは、2 つの固定ヘッダー/フッター バー要素の間をスクロールする段落を含む単純なセクションのセットです。
2 つ目は、内部トランジションで表示されるページ全体をラップします。つまり、これは上記のページではなく、ページよりも背が高く、ヘッダーと他の 1 つのボタン セットの下にある全幅の要素です。それは重要かもしれませんし、そうでないかもしれませんが、最初に表示されたとき、適切に初期化するためにできることはどこにもありません。
js 変数はグローバルであるため、それを見ることができます。
> myScroll.initiated=0
> myScroll.enabled=true
> myScroll.scrollBy and myScroll.scrollTo both work as expected
> myScroll.refresh() and myScroll.resetPosition called from
js file or from console have no effect whatsoever
開発用にタッチ イベントを有効にして Chrome を使用していますが、iPhone で動作が再現されます。div (単純なリストのみを含む) は、touchmoveイベントがコンソールに記録されるという点でイベントに応答しますが、文字通りスクロールの動きはまったくありません。複数のレイヤーがトランジションで配置されていることに関連するバグがおそらくあると思いますが、次に何をすべきかわかりません。
誰でもいくつかのガイダンスを提供できますか、
- これを修正する方法
- または、これに失敗した場合、これをデバッグして何も起こらない理由を見つけるのに最適な場所は何ですか。
ありがとう