私は以下を使用しています：
コルドバ 6.3.1 jQuery 1.11.1 jQuery UI 1.11.2 jQuery モバイル 1.4.5 iScroll 4.2 jQuery モバイル iScrollview v1.3.7
私の li 要素にアンカー要素しか含まれていない場合、すべて正常に機能します。スクロールバーが表示され、リストの一番下までスクロールできます。
私の li 要素に img 要素と anchor 要素が混在している場合 (すべてのアンカーに画像が関連付けられているわけではありません)、スクロールバーは表示されますが、リストの一番下までスクロールすることはできません。
ページから移動して戻ると、すべて正常に動作します。
私の li 要素に同数の img 要素と anchor 要素が含まれている場合、最初はスクロールバーが表示されず、スクロールがまったく機能しませんが、ページが最初に表示されるときだけです。
離れて戻ってくると、すべて正常に動作します。
img 要素のサイズの計算に問題があると思われますが、修正方法がわかりません。
リスト項目を作成して文字列に追加するコードは次のとおりです。
htmlToAppend = "<li>" +
"<img id="+ i + " src=\""+imageUrl+"\" ></img><br>" +
"<a id=" + i + " " + cssColor + ">" + caption + '<br><br><br><br><br></a>" +
"</li>";
各 htmlToAppend 文字列は、追加する非常に大きな文字列に連結されます。
contentForDisplay.concat(htmlToAppend);
これが私がしなければならない標準の iscroll/iscrollview のものです:
$('#unorderedlist').append(contentForDisplay);
$('#some_div').trigger('create');
$("#scrollable_list").iscrollview("refresh");
リストを2回目に表示するまで、コードが画像サイズを計算する方法を知らないことが問題だと思います。
または多分私はすべて間違っています。
いずれにせよ、あなたはこのようなことに直面したことがありますか？もしそうなら、あなたはそれを解決するために何をしましたか? あなたが私だったら、次に何を試しますか?
iScroll5 があるようですが、使いやすいですか?
他のコルドバ + jQuery スクロール ソリューションはありますか?