0

ユーザーがPhoneGap / JQMでスクロールして一番下にヒットした場合、アイテムをリロードしたい。

現在、私はこのソリューションを使用しています：

$(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() == $(document).height()) {    
     .. some action ..
  }
});

しかし、安定していないようです。使用できるトリガーされたイベントはありますか? それは Android と iOS で動作しますか? 私のGalaxyでは、下部に来ると何らかの青い境界線がポップアップ表示されますが、ADBにはイベント名が表示されませんでした...

ヒントはありますか？

4

1 に答える 1

2

私の古い例であなたを助けることができます。ただし、jQM 1.2 で動作するように修正する必要があります。

例を次に示します: http://jsfiddle.net/Gajotres/v4NxB/。完璧なデモにはほど遠いですが、正しく使用するのに十分な情報を提供できます。

この jQuery プラグインを使用して、下のスクロール タッチを検出します: http://imakewebthings.com/jquery-waypoints/#get-started

jQM 1.0でビルドしました

これにより、ボトムエンドが検出されます。

$('#example-offset-pixels').waypoint(function() {
    //notify('100 pixels from the top');
}, { offset: 100 });

編集 ：

このバージョンは、1.3 を含むすべての jQM バージョンで動作します: http://jsfiddle.net/Gajotres/Bn2Du/。純粋な jQuery を使用するため、追加のフレームワークは必要ありません。

于 2013-04-25T07:31:48.457 に答える