2

iScrollコンテナがページの下端（Y軸）に到達したときに関数コールバックをフックしようとしています。300以上のコンテンツすべてではなく、オンデマンドでより多くのコンテンツをロードできるようにします。

誰かがそれに取り組んだことがありますか？ヒントはありますか？

これが私が参照していたライブラリです：http：//cubiq.org/iscroll-4

4

1 に答える 1

1

drmattが述べたように、デモを更新するにはPullを調べる必要があります

http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/

アイテムを追加するためにユーザーがプルする必要のない独自のロジックを構築する必要があります。

次のようなもの（擬似コード-テストされていないコード）：

var isAlreadyLoading = 0;
var iscroller = new iScroll(
'your-element-id', 
  { 
    hScroll: false, 
    bounce: false, // do not bounce
    onScrollMove: function () {
      // CHECK if we've 350px gap before reaching end of the page
      if ( (this.y < (this.maxScrollY + 350)) && (isAlreadyLoading == 0) ){ 
        // start loading next page content here

        // update this flag inside load more and set to 0 when complete
        isAlreadyLoading = 1; 
      }
    },
    onScrollEnd: function () {
      // check if we went down, and then load content
      if ( isAlreadyLoading == 0 ) {
        // Load more content

        // update this flag inside load more and set to 0 when complete
        isAlreadyLoading = 1; 
      } else {
        // DO NOTHING
      }
    }
  } // end of Scoller config object
); // end iScroll instance
于 2012-10-09T18:46:47.697 に答える