ほぼ完成した phonegap アプリで、スクロール中に要素を dom に動的に挿入します。このために、'touchmove' および 'scroll' コールバックを使用します。私が現在直面している問題は、スクロールが終了した後にのみ dom が更新されることです。いくつかの調査を行った後、スクロールが終了した後に phonegap が dom を更新しないことが原因だと思います。
この問題に直面し、解決策を見つけた人はいますか?
アップデート
私のテストの結果は、スクロール中にJavaScriptがまったく更新されないということでした。これがなぜなのか、スクロール中にjavascriptを実行してdomを更新する良い方法を知りたいです。ビューポートが近くにあるときに要素を更新する別の方法を考えることができれば、それも問題ありません。現時点では、ユーザーがスクロールを停止するとすべてが更新されますが、そうしないと、「空の」ページスペースに遭遇します。
スクロール検出コードのリクエスト
これは、スクロールを検出するために現在使用しているものです。
document.addEventListener("touchmove", callback, false); // This works on android, but on iOS the callback is called when scrolling stops. Usually multiple times, because they stack while scrolling and not being executed. I see the event being executed during touchmove, but when the viewport begins moving, the callbacks pause until after the scrolling ends.
document.addEventListener("scroll", callback, false); // This is only executed once, and only when scrolling has fully stopped; the viewport is not moving anymore. On android this is executed all the time during scrolling, which is good.
touchmove 中のみの更新と、スクロールが停止した別の時間の組み合わせで十分です。ユーザーが（タッチムーブの後）非常に速くスクロールして、空のスペースに遭遇する可能性は非常に小さいです。問題は、スクロール中に touchmove イベント コールバックが実行されないことです。